论文部分内容阅读
夕阳温柔地照耀着河水,不经意间水边一颗无比闪耀的石头令人驻足,我轻轻地将它拾起,然后肯定它就是属于我的那块宝石,是地球的旋转让几十万年前诞生的它遇到了现在的我。
对于我们中国人来说,每种属相的人都有与之相配的宝石,为了方便大家查询,我想到了做一款Flash交互式动画,让大家可以方便的查询属于自己属象的幸运宝石。
1启动Flash Professional 8,从“创建新项目”下面选择 “Flash文档”新建一个Flash文档。选择“修改/文档”菜单命令,将Flash文件修改为600×460像素。用“文件/保存”菜单命令以stone将文件保存。
2如图1所示,建立六个图层,并将图层名称从上到下分别更改为“语句”、“选择框”、“文字”、“石头”、“背景”和“音乐”。鼠标单击“背景”层。
3选择“插入/新建元件”菜单命令,创建一个名为“bg”的影片剪辑元件,将图层名称改为“bg”。用矩形工具绘制一个600×460像素的框。使用“颜料桶工具”为该框填充天蓝到草绿的渐变色彩,使用“填充变形工具”将色彩填充为从上到下由蓝到绿。
4选择“插入/新建元件”菜单命令,创建一个名为“cloud”的图形元件,使用“铅笔工具”绘制一个云朵,并为其填充从白到天蓝的渐变效果。
5 选择“插入/新建元件”菜单命令,创建一个名为“clouds”的影片剪辑元件。时间轴第1帧分别拖入两个cloud元件,再使用“任意变形工具”将它们调整为一大一小。在时间轴第10帧上插入一个关键帧,再在时间轴第5帧上插入一个关键帧,并将两个云朵上下轻轻移动一下。最后在关键帧之间创建补间动画。结果如图2所示。
6从库中调出“bg”影片剪辑,在时间轴第80帧上按F5创一个帧。在图层“bg”之上插入图层“cloud1”。在cloud1的第1帧处拖入影片剪辑“clouds”,并将其拖放到屏幕右侧动画框以外。再在该层的第55帧处F6插入关键帧,将云朵水平拖放到左侧动画框以外,最后在两帧之间创建补间动画。在图层“cloud1”之上,再插入“cloud2”图层,在该层第10帧处插入第一个关键帧,拖入影片剪辑“clouds”,使用“任意变形工具”将其尺寸缩小,摆放在如图3所示的位置。在第80帧处插入关键帧,最后创建补间动画。
单击“场景1”,在“背景”图层的第1帧上,将影片剪辑“bg”拖入,并在其属性中将x和y坐标值归0。在该层的第13帧上插入一个帧,完成后锁定该图层。
7单击“场景1”,在文字层的第1帧中输入“请选择您的属相”。第2帧插入关键帧,输入“鼠:”及准备好的与属相鼠对应的宝石名称。如图4所示。
用同样的方法在第3-13帧中分别插入其它属相的文字之后,锁定“文字”图层。
8将“石头”图层的第2帧设置为关键帧,使用“文件/导入”菜单命令,将图片导入到舞台,摆放效果如图5所示。
用同样的方法将对应的图片分别放置在3-13帧中,不要忘记将3-13帧均设置为关键帧。
9选择“选择框”图层,使用“窗口/组件”菜单命令打开Flash组件面板,如图6所示,在User Interface组件中分别拖放一个ComboBox和Button到该层的第1帧中,摆放位置如图6。
10 单击选中 ComboBox 组件,在“属性”面板的属性选项“实例名称”文本框中输入对象名称“Choice”。选择参数选项卡,双击“labels”选项,在打开的“值”对话框中加号按钮添加各个选项的显示状态,按属相顺序输入文字。如图7所示。
此时可以看见舞台上的 ComboBox 组件发生了变化,测试动画时已经列出了刚才输入的各个值,同时显示五项,其余项可以通过滑动条显示。
双击参数选项卡中“data”选项,然后在打开的“值”面板中输入每个“labels”选项在动画内部真正对应的数值,如图8所示。
11选中舞台上的“Button”组件,打开属性面板,将此组件的“实例名称”改为“handover”,修改参数“label”的值为“提交”。结果如图9所示。此时可看到舞台上的 Button组件上的文字显示不是原来的“Button”而变成了“提交” 。
12在“选择框”层的第2帧中插入一个关键帧,删除舞台上的二个组件,再从“组件”面板中拖一个“Button”至舞台上,同样的方法,设置实例名称为“back”,“label”选项值改为“返回”,如图10所示。
13 在“选择层”时间轴的第13帧按F5插入帧,使得“返回” Button组件出现在每一个属相的画面上,然后将该层锁定。
14选择“语句”层的第1帧,打开动作面板输入如下代码。注意代码输入完毕后将该层锁定。
stop(); //停在第 1 帧等待用户选择
_root.handover.onRelease = function() { //如果点击并释放“提交”按钮
x = _root.choice.getValue(); //将选择框的 data值赋给变量 x
_root.gotoAndStop(x+1); //时间轴跳转到第 x+1 帧并停止};
15解除“选择框”层的锁定。选中第2帧中的“返回” Button组件,打开动作面板,输入如下语句代码。代码输入完毕后将该层锁定。
on(click){ //当点击时
_root.gotoAndStop(1); //时间轴跳回到第 1帧并停止}
16使用“文件/导入/导入到库”菜单命令,任意选择一首喜爱的mp3将其导入到库,然后选择“音乐”层的第一帧,将mp3拖入。将“同步”参数设置为“开始”,如图11所示。
17锁定所有图层,时间轴窗口如图12所示。可以看到最上面的“语句”层中只有一个带脚本的空白关键帧,而“音乐”层中也只有一个空关键帧。
18保存并测试动画,可以看到下拉菜单中选择属相提交后,可获得与该生肖对应的宝石列表,单击“返回”按钮可退回继续选择。
“本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文”
对于我们中国人来说,每种属相的人都有与之相配的宝石,为了方便大家查询,我想到了做一款Flash交互式动画,让大家可以方便的查询属于自己属象的幸运宝石。
1启动Flash Professional 8,从“创建新项目”下面选择 “Flash文档”新建一个Flash文档。选择“修改/文档”菜单命令,将Flash文件修改为600×460像素。用“文件/保存”菜单命令以stone将文件保存。
2如图1所示,建立六个图层,并将图层名称从上到下分别更改为“语句”、“选择框”、“文字”、“石头”、“背景”和“音乐”。鼠标单击“背景”层。
3选择“插入/新建元件”菜单命令,创建一个名为“bg”的影片剪辑元件,将图层名称改为“bg”。用矩形工具绘制一个600×460像素的框。使用“颜料桶工具”为该框填充天蓝到草绿的渐变色彩,使用“填充变形工具”将色彩填充为从上到下由蓝到绿。
4选择“插入/新建元件”菜单命令,创建一个名为“cloud”的图形元件,使用“铅笔工具”绘制一个云朵,并为其填充从白到天蓝的渐变效果。
5 选择“插入/新建元件”菜单命令,创建一个名为“clouds”的影片剪辑元件。时间轴第1帧分别拖入两个cloud元件,再使用“任意变形工具”将它们调整为一大一小。在时间轴第10帧上插入一个关键帧,再在时间轴第5帧上插入一个关键帧,并将两个云朵上下轻轻移动一下。最后在关键帧之间创建补间动画。结果如图2所示。
6从库中调出“bg”影片剪辑,在时间轴第80帧上按F5创一个帧。在图层“bg”之上插入图层“cloud1”。在cloud1的第1帧处拖入影片剪辑“clouds”,并将其拖放到屏幕右侧动画框以外。再在该层的第55帧处F6插入关键帧,将云朵水平拖放到左侧动画框以外,最后在两帧之间创建补间动画。在图层“cloud1”之上,再插入“cloud2”图层,在该层第10帧处插入第一个关键帧,拖入影片剪辑“clouds”,使用“任意变形工具”将其尺寸缩小,摆放在如图3所示的位置。在第80帧处插入关键帧,最后创建补间动画。
单击“场景1”,在“背景”图层的第1帧上,将影片剪辑“bg”拖入,并在其属性中将x和y坐标值归0。在该层的第13帧上插入一个帧,完成后锁定该图层。
7单击“场景1”,在文字层的第1帧中输入“请选择您的属相”。第2帧插入关键帧,输入“鼠:”及准备好的与属相鼠对应的宝石名称。如图4所示。
用同样的方法在第3-13帧中分别插入其它属相的文字之后,锁定“文字”图层。
8将“石头”图层的第2帧设置为关键帧,使用“文件/导入”菜单命令,将图片导入到舞台,摆放效果如图5所示。
用同样的方法将对应的图片分别放置在3-13帧中,不要忘记将3-13帧均设置为关键帧。
9选择“选择框”图层,使用“窗口/组件”菜单命令打开Flash组件面板,如图6所示,在User Interface组件中分别拖放一个ComboBox和Button到该层的第1帧中,摆放位置如图6。
10 单击选中 ComboBox 组件,在“属性”面板的属性选项“实例名称”文本框中输入对象名称“Choice”。选择参数选项卡,双击“labels”选项,在打开的“值”对话框中加号按钮添加各个选项的显示状态,按属相顺序输入文字。如图7所示。
此时可以看见舞台上的 ComboBox 组件发生了变化,测试动画时已经列出了刚才输入的各个值,同时显示五项,其余项可以通过滑动条显示。
双击参数选项卡中“data”选项,然后在打开的“值”面板中输入每个“labels”选项在动画内部真正对应的数值,如图8所示。
11选中舞台上的“Button”组件,打开属性面板,将此组件的“实例名称”改为“handover”,修改参数“label”的值为“提交”。结果如图9所示。此时可看到舞台上的 Button组件上的文字显示不是原来的“Button”而变成了“提交” 。
12在“选择框”层的第2帧中插入一个关键帧,删除舞台上的二个组件,再从“组件”面板中拖一个“Button”至舞台上,同样的方法,设置实例名称为“back”,“label”选项值改为“返回”,如图10所示。
13 在“选择层”时间轴的第13帧按F5插入帧,使得“返回” Button组件出现在每一个属相的画面上,然后将该层锁定。
14选择“语句”层的第1帧,打开动作面板输入如下代码。注意代码输入完毕后将该层锁定。
stop(); //停在第 1 帧等待用户选择
_root.handover.onRelease = function() { //如果点击并释放“提交”按钮
x = _root.choice.getValue(); //将选择框的 data值赋给变量 x
_root.gotoAndStop(x+1); //时间轴跳转到第 x+1 帧并停止};
15解除“选择框”层的锁定。选中第2帧中的“返回” Button组件,打开动作面板,输入如下语句代码。代码输入完毕后将该层锁定。
on(click){ //当点击时
_root.gotoAndStop(1); //时间轴跳回到第 1帧并停止}
16使用“文件/导入/导入到库”菜单命令,任意选择一首喜爱的mp3将其导入到库,然后选择“音乐”层的第一帧,将mp3拖入。将“同步”参数设置为“开始”,如图11所示。
17锁定所有图层,时间轴窗口如图12所示。可以看到最上面的“语句”层中只有一个带脚本的空白关键帧,而“音乐”层中也只有一个空关键帧。
18保存并测试动画,可以看到下拉菜单中选择属相提交后,可获得与该生肖对应的宝石列表,单击“返回”按钮可退回继续选择。
“本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文”