一个鼠标控制背景的动画特效

今天我们给大家讲一个鼠标控制背景的动画特效的FLASH教程，使用功能：onClipEvent语句、鼠标坐标的应用、遮罩层，我们还是先来看看完成的效果：

具体制作步骤及方法如下：

步骤一、新建一个FLASH文档，按Ctrl+J设置宽度、高度为别人550*300，导入图片素材按F8转为影片剪辑，命名为imgmove，同时把图层改名为“背景”层

步骤二、用下线工具画出行为10，列为6的表格线框，按F8转为影片剪辑，命名为“网格”

步骤三、用矩形工具画一下长方形，填充为白色，大小为550*300，按F8转为影片剪辑，命名为“mask”

频繁三、新建一个图层，放到刚才两个图层中间，命名为“mask”，选中该图层的第一帧，把mask影片剪辑拖入到舞台中。

步骤四、选中舞台中的mask元件，打开“属性”面板，设置颜色为Alpha，调为50%透明度，如图：

步骤五、在“属性”面板中设置mask影片剪辑的“实例名称”为mask，如图：

步骤六、在时间轴上选中mask图层，单击鼠标右键在弹出的快捷菜单中执行“遮罩层”命令，如图：

步骤七、选择舞台中的imgMove原件实例，鼠标右键在弹出快捷菜单中执行“动作”，打开“动作”面板，单击面板右侧的“脚本助手”按钮，打开脚本助手，双击面板左侧的“全局函数—影片剪辑控制—onClipEvent”语句，在脚本助手中默认事件为“加载”，如图：

步骤八、双击动作面板左侧的“语句—变量—set variable”语句，在脚本助手部分设置“变量”为speed，设置“值”为0.1，如图：

步骤九、双击“全局函数—影片剪辑—onClipEvent” 语句，在脚本助手中设置“事件”为“进入帧”，如图：

步骤十、关闭脚本助手，输入以下代码：

this._x += speed*((_root._xmouse/(_root.mask._width/
(this._width-_root.mask._width))*-1)-this._x);
this._y += speed*((_root._ymouse/(_root.mask._height/
(this._height-_root.mask._height))*-1)-this._y);

最后，按下Ctrl+Enter快捷键测试动画，就样一个鼠标控制背景的动画特效就制作完成了。

如果你对这处动画制作感兴趣可以下载源码进行学习研究。

鼠标控制背景的动画下载