第四节 精彩实例(1)

1．星星跟我走

实例简介

本实例是一个鼠标跟随的效果，但是程序简单实用，和常见的鼠标跟随思路略为不同。你可以简单地把星星元件换成鲜花、蝴蝶等元件，就可以得到不同的效果。如图7-4-1所示是本实例运行的初始画面。

图 7-4-1 实例初始画面

单击鼠标，天空中的星星便会排队跟你走，如果再单击一次鼠标，星星又会散布在夜空中。如果你一开始就双击鼠标，散布在夜空中的星星会改变位置。鼠标跟随效果如图7-4-2所示。

图7-4-2 鼠标跟随效果

知识要点

u       duplicateMovieClip（）复制语句

u       用startDrag()拖动影片剪辑

u       Mouse.hide()和Mouse.show()鼠标隐藏和显示语句

u       setProperty（）影片剪辑的属性设置语句

u       for循环语句

制作步骤

（1）创建元件

步骤1 创建影片文档

新建影片文档，设置舞台尺寸为550×400像素，其它参数保持默认。然后保存影片文档为“星星跟我走.fla”。

步骤2 创建“小星”和“大星”图形元件

新建一个名为“小星”的图形元件和一个名为“大星”的图形元件。在这两个元件的编辑场景中分别绘制两个立体的五角星形状，如图7-4-3和图7-4-4所示，详见光盘中的FLA源文件。

图7-4-3 “小星” 图形元件            图7-4-4 “大星”图形元件

步骤3 创建“x1”影片剪辑元件

新建名为“x1”的影片剪辑元件。在这个元件的编辑场景中，将【库】面板中的“小星”图形元件拖放到场景中间的“十字符号”位置，然后在【图层1】的第10帧、第20帧插入关键帧。

在【属性】面板中，利用【颜色】下拉列表中的【色调】属性更改第10帧，第20帧上的“小星”元件实例的颜色。然后在第1帧到第10帧和第10帧到第20帧之间分别定义五角星旋转的动作补间动画。

新增【图层2】，在该图层的最后一帧插入关键帧，定义动作脚本为：

gotoAndPlay(1); //使五角星旋转动画重复进行

如图7-4-5是“x1”影片剪辑元件的图层结构参考图。

图7-4-5 “x1”影片剪辑元件的图层结构