基本操作步骤
创建Director文档→添加演员→将演员拖入舞台→在行为库中为精灵添加行为→编辑Lingo语言脚本→保存影片源文件,输出影片。
步骤1 创建Director文档
在Director MX 2004中创建Director文档,设置舞台大小为500像素×330像素,背景色设置为灰色,如图216所示。
步骤2 添加演员
导入演员,打开演员库(cast)窗口,在窗口中点击右键,在弹出的菜单中选择要输入的演员文件,在此我们调用上面考点中用过的苹果图片和矩形图标,具体做法是直接在导入选择窗口中选择*.dir文件,然后点击“Import”按钮,如图217所示。
添加背景图片,在“cast”窗口中导入一张图片,作为整个动画的背景,然后将图片拖入到舞台,设置图片的宽和高为500像素×330像素,并使图片覆盖舞台,如图218所示。
添加文字演员(text),打开“Window/Text”窗口,此窗口为文字编辑窗口。在其中输入“向上”文字,然后设置其字体和文字大小以及颜色等属性;点击窗口左上角的“+”按钮,新建一个文本演员,用同样的方法添加“向下”“向左”“向右”文本演员,如图219所示。
步骤3 将演员拖入舞台
打开库面板,将苹果演员拖入到舞台上,设置苹果精灵的“Ink”属性为“Transparent”,“Blend”属性的值为40%,如图220所示。
添加矩形演员到舞台,舞台上的矩形精灵将作为按钮使用。从库中把4个矩形演员拖入到舞台上,设置其“Ink”属性为“Transparent”,“Blend”为60%,然后分别把“向上”“向下”“向左”“向右”4个文字演员拖入到舞台,放置在4个矩形精灵的上部,设置其“Ink”属性为“Ghost”,如图221所示。
步骤4 在行为库中为精灵添加行为
为按钮添加行为,打开行为库(Library Palette),点击“Library List”选择“Animation/Interactive”,在弹出的库目录树中用鼠标左键选择“Rollover Member Change”行为并拖动到文字为“向上”的矩形按钮精灵上,然后松开左键,在弹出的对话框中选择“Roundrectangle2”,然后点击“OK”按钮,如图222所示。用同样的方法为文字为“向下”“向左”“向右”按钮添加“Rollover Member Change”行为。
参考步骤2中文字“向上”按钮精灵添加行为的方法,为苹果精灵添加“Rollover Member Change”行为,当松开鼠标左键时,在弹出的对话框中选择“Member 4 of CastLib 1”,然后点击“OK”按钮;行为主要实现的功能是当鼠标滑过精灵时,精灵将显示另外一个演员,如图223所示。
步骤5 编辑Lingo语言脚本
点击“Window/Script”,弹出脚本编辑窗口,点击左上角“+”按钮,新建一个空白的脚本文本,点击“Cast Member Porperties(Ctrl+I)”按钮,在属性面板的“Script Type”中选择脚本类型为“Behavies”,在“Cast Member Name”中为脚本演员命名为“UP”,然后再输入脚本:
on mouseup
a=sprite(2).top
sprite(2).top=a-10
b=sprite(2).height
sprite(2).height=b-10
if sprite(2).top<=0 then
alert"已经到达画面顶部了!!"
sprite(2).top=0
end if
end mouseup
如图224所示。
用同样的方法新建“Down”,“Left”,“Right”脚本演员。
“Down”脚本演员
on mouseup
a=sprite(2).top
sprite(2).top=a+10
b=sprite(2).height
sprite(2).height=b+10
if sprite(2).bottom>=330 then
alert"已经到达画面底部了!!"
sprite(2).bottom=330
end if
end mouseup
“Left”脚本演员:
on mouseup
a=sprite(2).left
sprite(2).left=a-10
b=sprite(2).width
sprite(2).width=b-10
if sprite(2).left<0 then
alert"已经到达画面左部了!!"
sprite(2).1eft=0
end if
end mouseup
“Right”脚本演员:
on mouseup
a=sprite(2).left
sprite(2).left=a+10
b=sprite(2).width
sprite(2).width=b+10
if sprite(2).right=500 then
alert"已经到达画面右部了!!"
sprite(2).right=500
end if
end mouseup
双击分镜窗口脚本通道的最后一帧,在弹出的脚本编辑器中添加“go the frame”脚本。
脚本的编辑输入已基本完成。最后,在演员库(Cast)中,将刚刚编辑完成的“up”“down”“left”“right”脚本演员分别添加到标有“向上”“向下”“向左”“向右”的矩形精灵上即可,如图225所示。
步骤6 保存影片源文件,输出影片
至此,利用按钮控制物体移动的动画已基本完成,保存动画源文件,导出动画,观看影片的效果。