第十二讲flash时间轴特效动画及简单的as脚本

《第十二讲flash时间轴特效动画及简单的as脚本》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、●静悟论坛●我要留言 爱上你是我一辈子的骄傲 FlashMX2004动画设计  　　　　第12课认识动作面板和编写简单ActionScript程序本课素材下载学习目的1、编写简单程序实现动画的交互控制2、认识动作面板3、掌握在动作面板中编写ActionScript程序的基本方法4、时间轴控制函数的使用方法课前热身通过前面几章的学习，你已经掌握了一些动画的制作方法，那么怎么实现动画的交互控制呢？下面一起制作一个控制动画播放的简单范例。   (1)打开范例文件   请打开素材下载中的ch5-1原始.fla。这是一个文字动画，文字首先从舞台左边飞入，然后由大变小。你可以先测试观察一下动画效果

2、。打开的影片文件的图层结构如图17-1所示。图17-1图层结构　 接下来，要在打开的这个影片文件基础上进行操作。   (2) 定义第一帧的停止动作    在“动画”图层上新添加一个图层，并重新命名为“AS”。选择“AS”图层的第一帧，打开“动作”面板，在其中左边的“动作工具箱”中，单击“全局函数”，展开以后，再单击“时间轴控制”，如图17-2所示。这时可以看到，“时间轴控制”类别下的函数都显示出来了。图17-2展开“时间轴控制”函数类别   专家提示：默认情况下，“动作”面板显示在软件窗口的下方，只需单击就可以展开面板。如果软件窗口中没有显示“动作”面板，你可以选择“窗口”

3、“开发面板

4、”

5、“动作”命令，将“动作”面板打开。   双击“时间轴控制”类别下的“stop”函数，在“动作”面板右边的“脚本输入区”出现一个程序行，如图17-3所示。图17-3双击stop函数   完成以上操作以后，“AS”图层的第一帧发生了变化，上面显示一个“a”标志，如图17-4所示。图17-4帧动作标志   现在测试一下影片吧。由于在第一帧定义了一个stop函数，所以影片停在第一帧，后面的动画没有接着播放。下面通过一个按钮来控制动画开始播放。  (3)通过按钮让动画开始播放   在“AS”图层上新建一个“按钮”图层。选择“按钮”图层第一帧，打开“库”面板，将其中一个名字为“播放”的按钮元件

6、拖放到舞台的合适位置。   保持这个按钮实例处在选中状态，打开“动作”面板。在“动作工具箱”中展开“全局函数”

7、“影片剪辑控制”类别，双击该类别下的“on”函数，这样，“脚本窗口”中就自动出现相应的on程序代码，并且屏幕上同时还弹出了关于on函数的参数设置下拉列表框，如图17-5所示。图17-5定义on函数   双击参数设置下拉列表框中的“press”，接着将光标移动到大括弧{的右边，然后再切换到“动作工具箱”，展开“全局函数”中的“时间轴控制”类别，双击这个类别下面的“play”函数，这时，在“脚本窗口”中会出现一个新的程序代码，最后单击“脚本窗口”上方的“自动套用格式”按钮，将“脚

8、本窗口”中的脚本变得更清楚一些，最后完成的程序代码如图17-6所示。图17-6完成的程序代码   至此，“播放”按钮的程序代码就被定义好了。测试影片，然后单击按钮，你会发现动画开始播放了。   (4)让动画从第十五帧跳转播放   下面实现动画播放到结尾再跳转到第十五帧循环播放的动画效果。选择“AS”图层的第三十帧（动画的最后一帧），按F7插入一个空白关键帧，在“动作”面板中，双击“时间轴控制”类别下的“gotoAndPlay”函数，这样，在“脚本窗口”中出现gotoAndPlay函数程序代码，在小括弧中输入“15”即可。   至此就在“AS”图层的第三十帧定义了以下程序代码：    g

9、otoAndPlay(15);   这个程序代码的功能是，当动画播放到结尾时，自动跳转到第十五帧继续播放。这样就形成一个从第十五帧到第三十帧循环播放的动画效果。测试观察一下吧。  (5)按钮控制动画跳转到第一帧   前面实现了一个从第十五帧到第三十帧循环播放的动画效果，怎么停止这个循环呢？选择“按钮”图层的第一帧，从“库”面板中将一个名字为“停止”的按钮元件拖放到舞台合适位置。保持这个按钮实例处在选中状态，在“动作”面板中，定义这个按钮实例的程序代码是：on(press){gotoAndStop(1);}   这段程序代码的定义方法和步骤（3）类似，这里不再详述。   这段程序代码的功

10、能是，当单击“停止”按钮时，跳转到影片的第一帧并停止播放动画。      课堂讲解   通过“课前热身”中范例的制作，你对“动作”面板的使用方法，以及编写简单的动画交互控制程序已经有了一个概括的认识。下面系统讲解一下相关的知识。  1．认识“动作”面板   Flash提供了一个专门处理动作脚本的编辑环境——【动作】面板。默认情况下，【动作】面板自动出现在Flash软件窗口的下方，如果【动作】面板没有显示出来，那么可以执行【窗口】

11、【开发面板】

12、