flash代码实例 《跟随鼠标移动的星成心》

1、第26课时代码实例跟随鼠标移动的星成心案例说明：本课将制作一个动画实例“跟随鼠标移动的星成心”，动画播放画面如图1所示。播 放动画时五角星会跟随鼠标移动，并且在移动的过程中自身不断进行复制，最终组成一颗 爱心的形状。当鼠标移动到其它位置时，五角星会跟着鼠标移动，在新的位置重新组合成 爱心形状。如图2所示：图1实例“跟随鼠标移动的星成心”动画画面1图2实例“跟随鼠标移动的星成心”动画画面2授课教师：文韬教学目的：通过本案例的学习，让学生能够掌握引导图层的使用方法、随机函数的使 用和复制影片剪辑函数的使用方法、以及条件结构语句IF的使用；教学重点：随机函数的使用和复制影片剪辑函数(duplica

2、teMoveiClip)的使用方法； 教学难点：影片剪辑属性的设置和条件结构if语句的使用； 教学过程：一、相关知识setProperty语句的使用和参数设置格式：set Proper ty(t arge t, proper ty, expression) 功能：用来设置影片剪辑实例(t arge t)的属性。参数：target用来设置和改变影片剪辑实例在舞台中的地址路径；Property用来设置 影片剪辑实例的属性；expression是属性的值，可以是一个表达式。duplicateMovieClip语句的使用和参数设置格式：duplica teMovieClip( targe t, new

3、name, dep th) 功能：复制一个影片剪辑实例对象到舞台的指定层，并给该实例赋予一个新的名称。 参数：target给出要复制的影片剪辑元件的目标路径。Newname给出新的影片剪辑实 例的名称。Dep th给出新的影片剪辑元件所在的层号码。startDrag语句的使用和参数设置格式 1： startDrag(target);格式 2： start Drag( targe t, lock);格式 3： startDrag(target, lock, left, top, right, bottom);功能：该命令用来设置鼠标拖曳舞台工作区的影片剪辑元件对象实例。start Drag ()

4、是 开始拖曳对象。参数：target是要拖曳的对象，lock参数是是否以锁定中心拖曳，参数left、top、 right和bottom是拖曳的范围。在中的参数是可选项。4.if语句的使用和参数设置格式1：If (条件表达式)语句体功能：如果条件表达式的值为true，则执行语句体；如果条件表达式的值为flase, 则退出if语句，继续执行后面的语句。格式2：If (条件表达式)语句体1eles语句体2功能：如果条件表达式的值为true，则执行语句体1；否则执行语句体2。格式3：If (条件表达式1) 语句体1eles if(条件表达式2) 语句体2功能：如果条件表达式1的值为true，则执行语句

5、体1；如果条件表达式1的值为 flase，则判断条件表达式2的值，如果其值为true，则执行语句体2；如果其值为 flase，则退出if语句，继续执行if后面的语句。二、流程分析图形元件“星”一一绘制一颗五角星；影片剪辑元件“星成心”一一“星”元件沿心形路径移动；影片剪辑元件“复制星”一一“星成心”元件；添加动作脚本；三、案例实现创建动画启动FLASH，单击“文件”一“新建”菜单项，在打开的“新建文档”对话框中 S j S 1* IS 21 K is S j S 1* IS 21 K is 4*(ActionScript 2.0) ”选项。新建一个文档，设置 文档大小为550X200像素，背景

6、颜色为“白 色”，命名为“跟随鼠标的星成心”，保存文档。在图层1的第1帧导入一幅图片作为背 景，调整该图片的大小和位置，使其正好覆盖舞台 范围。按CTRL+F8键，打开“创建新元件”对话 框，创建名为“星”的图形元件，在元件编辑窗口 中用多角星形工具绘制一个五角星。如图3所示：-* nMIS W fl MB -1 1 /|卄事|* ” Arru T- r L fi：/.BKV 图4将“星”元件拖到编辑窗口图3绘制五角星图4将“星”元件拖到编辑窗口返回主场景，再按CTRL+F8键，打开“创 建新元件”对话框，创建名为“星成心”的影片剪 辑元件，在元件编辑窗口中拖一个“星”元件。如 图4所示：在图

7、层1上新建一个引导图层，并在引导 图层中画一“半个心形”的线条作为引导路径。(注意相对于中心点的位置，它会影响到最终效果 的拖动位置)如图5所示：在图层1的第20帧插入一个关键帧，在 引导层的20帧处插入帧。选中图层1的第1帧，将“星”元件的 中心点放到引导层中引导线的上部(此时打开吸 附工具可以很方便地放置上去)。如图6所示：图6调整“星”元件运动的起点(9)选中图层1第1帧后单击 右键，选择“创建补间动画”，完成 “星”元件沿引导线运行的动画。 (此时按回车键播放，看“星”元件 是否沿着引导线在运行。如果不是， 重新调整图层1的第1帧与第20帧图7调整“星”元件运动的终点 Q I 510

8、LSFI 24 丹 =5 孔 ”的“星”元件位置，使它的中心点吸 附到引导线上。)(10)锁住图层1和引导层，新 建一个图层3,在库中再拖出一个 “星”元件，按照以上介绍的方法， 将拖出的“星”元件沿另一半心线路 运动的效果做出来。如图8所示：(11)调整好后在最后一个关键帧上加上stop();让它只运行一次。图6调整“星”元件运动的起点(9)选中图层1第1帧后单击 右键，选择“创建补间动画”，完成 “星”元件沿引导线运行的动画。 (此时按回车键播放，看“星”元件 是否沿着引导线在运行。如果不是， 重新调整图层1的第1帧与第20帧图7调整“星”元件运动的终点 Q I 510 LSFI 24 丹

9、 =5 孔 ”的“星”元件位置，使它的中心点吸 附到引导线上。)(10)锁住图层1和引导层，新 建一个图层3,在库中再拖出一个 “星”元件，按照以上介绍的方法， 将拖出的“星”元件沿另一半心线路 运动的效果做出来。如图8所示：(11)调整好后在最后一个关键帧上加上stop();让它只运行一次。VX.FClC图9 “复制星”元件的制作1返回主场景，按CTRL+F8 键，打开“创建新元件”对话框，创建 名为“复制星”的影片剪辑元件，在元 件编辑窗口中拖入“星成心”元件，并 调整好它的大小和位置，然后给它取实 例名称为“star”。如图9所示：新建一图层，并在此图层上 插入两个空白关键帧(此时图层上

10、应该 有三个空白关键帧)，然后将图层1也 延长两帧(在图层1的第三帧“插入 帧”)。如图10所示：二场豈1囹复制星二场豈1囹复制星图10 “复制星”元件的制作2编写代码(1)选中图层2的第1帧，单击鼠标右键, 项，将“动作”面板打开，输入以下动作脚本。startDrag(star, true);(1)选中图层2的第1帧，单击鼠标右键, 项，将“动作”面板打开，输入以下动作脚本。startDrag(star, true);月n = 0;setProperty (star, _visible, false);在弹出的快捷菜单中单击“动作”菜单/开始拖动star元件/初始化复制数量/在复制前将star元件设置为不可见(2)选中图层2的第2帧输入以下动作脚本。if(n20) /如果没有复制到20颗星，则执行以下程序duplicateMovieClip(star.star, n);/继续复制 starn+;/复制数每次加1else /如果复制到20颗星n = 0;/则复制个数清0(3)选中图层2的第3帧输入以下动作脚本。gotoAndPlay(2);/兆转到第2帧播放四、测试影片回到主场景，在图层1上新建一图层，将“复制星”元件拖入到主场景中，按 CTRL+ENTER键进行