主题:  用Flash作文字滚动的交互动画出现的问题

Syawn

职务:普通成员
等级:5
金币:10.0
发贴:2930
#12001/12/16 19:40:43
---------------------
作者:王海瑶
---------------------

在Flash的文字工具中提供了一种文字域(Text Field)方式,在文字域中的内容是可变的,这意味着可以在浏览时改变文字域的内容。下面我们就利用文字域的特性来制作一个实例(如图1):



通过上下两个箭头按钮来控制文本文件在文字域中的显示位置,从而能在有限的空间内显示更多的信息,并且对于经常更新的文字信息,只需修改文本文件即可,因而也就简单方便了!

场景制作

1、首先我们编辑需要在文字域中显示的文本文件(如tangshi.txt),文字内容与格式如图2所示:



其中:tangshi是变量名,在Flash作品中并不会显示出来,在后面我们要加入的文本域的变量名应与它一致。

2、启动Flash程序,单击菜单“File→New”命令,新建一个动画文件。

图1

3、单击菜单“Modify→Movie”命令,弹出Movie Properties(动画属性)对话框,设置Width为400px、Height为300px,Background Color为深蓝色,然后按OK钮。

4、制作动画的背景。从工具箱中选择Rectangle(矩形)工具,设置边界线条颜色为绿色,宽度为4.0,填充颜色为白色,圆角半径为8,然后在编辑区中拖动鼠标画一个带边框的圆角矩形。

5、从工具箱中选择Text工具,设置颜色为白色,大小为36,字体为隶书,在场景的上部输入“唐诗佳作欣赏”几个字。

符号制作

下面我们制作动画所需要的各种符号。

1、首先制作上下二个箭头按钮。执行菜单“Insert→New Symbol”命令,新建一个符号,从弹出的Symbol Properties(符号属性)对话框中设置Name为“上箭头”,Behavior为Button,单击OK按钮,切换到符号的编辑区。从工具箱中选择Line(线条)工具,画出三条线围成一个三角形。

2、从工具箱中选择Paint Bucket工具,设置填充色为从黑到白的渐变色,在三角形轮廓内单击填入渐变色,再将三角形轮廓线删除。然后用Paint Bucket附属工具中的Transform Fill(填充变换)工具,改变渐变填充的方向,使其由左上角向右下角渐变。

3、将三角形图案原地复制,并用缩放工具将其缩小一些,再将填充的渐变色旋转180度,这样一个具有凹凸感的漂亮按钮就做成了。同理我们再做出按钮符号“下箭头”。

4、执行“Insert→New Symbol”命令,在Symbol符号属性对话框中设置Name为“向上”,Behavior为Movie Clip,单击OK按钮,切换到符号的编辑区。在时间轴的第1帧上双击鼠标,在出现的对话框中选择Actions标签,设置第1帧的动作为:

Stop (停止)

选择第2帧,按F6键插入关键帧,然后在该帧上双击鼠标,设置动作为:

Set Variable:"/:tangshi.scroll"=/:tangshi.scroll-1

选择第3帧,按F6键插入关键帧,然后在该帧上双击鼠标,设置动作为:

Go to and Play(2)

5、按Ctrl+L键激活图库,在符号“向上”上单击鼠标右键,从弹出的快捷菜单中选择Duplicate,复制该符号,并将名字改为“向下”,然后双击“向下”符号进入编辑区,将第2帧的动作改为:

Set Variable:"/:tangshi.scroll"=/:tangshi.scroll+1

6、按左上角的Scene1标签回到场景中,从工具箱中选择Text文字工具,单击下面的Text Field文字域按钮,在圆角矩形框内拖动鼠标划出一个文字域范围,大小比矩形框略小一些即可。并设置文字域的各属性。

7、从图库中将符号“向上”拖入场景(在场景中显示为一个白色圆点),在其上单击右键,选择Properties,设置Instance Name(实体名称)为“up”,同样把符号“向下”拖入场景,设置实体名称为“down”。

图2

8、从图库中将符号“上箭头”拖入场景,放在右侧,在其上双击鼠标,在Actions标签中设置按钮的动作为:

On(Press)

Begin Tell Target("/up")

Play

End Tell Target

End On

On(Release)

Begin Tell Target("/up")

Go to and Stop(1)

End Tell Target

End On


引入符号到场景中

1、从图库中将符号拖入场景,放在“上箭头”的下面,在其上双击鼠标,在Actions标签中设置按钮的动作为:

On(Press)

Begin Tell Target("/down")

Play

End Tell Target

End On

On(Release)

Begin Tell Target("/down")

Go to and Stop(1)

End Tell Target

End On


(在按钮上按下鼠标时,将动作目标定位到“向下”符号,并播放,松开鼠标后,就停留在“向下”符号的第1帧。)

2、在场景时间轴的第1帧上双击鼠标,在Actions标签中设置动作为:

Load Variables("tangshi.txt","")

经过上述步骤,我们就完成了用Flash作文字滚动的交互动画的制作,按下Ctrl+Enter键预览一下结果吧!


以上是教程部分,但制作过程中出现的一些问题:
如下,
文中所提到的“选择第2帧,按F6键插入关键帧,然后在该帧上双击鼠标,设置动作为:

Set Variable:"/:tangshi.scroll"=/:tangshi.scroll-1“是什么意思?为什么我愿样COPY后却提示脚本错误???

janlay编辑:
--------------------
1. 请在copy时将相应的图片转为用UBB Code表示( www.5dmedia.com/bbs/ubbcode.htm ),并尊重原作者的劳动(虽然我不认识他:))

2. 写法有问题。它要表达的意思就是变量自减。相应地,另一个自加。

编辑历史:[这消息被janlay编辑过(编辑时间2001-12-16 21:28:07)]


5D荣誉斑竹

职务:普通成员
等级:2
金币:2.0
发贴:617
#22001/12/16 20:42:33
Set Variable:"/:tangshi.scroll"=/:tangshi.scroll-1“
这句话应设成表达式!
_root:tangshi.scroll=_root:tangshi.scroll-1;
我怎么老写错呀~~气死我了~~

编辑历史:[这消息被桃人编辑过(编辑时间2001-12-17 15:08:48)]
[这消息被桃人编辑过(编辑时间2001-12-17 15:08:48)]
[这消息被桃人编辑过(编辑时间2001-12-17 15:20:24)]