第十二讲 flash时间轴特效动画与简单AS脚本.docVIP

? ? 　 ? ●静悟论坛 ●我要留言 ? 爱上你是我一辈子的骄傲 ? Flash MX 2004动画设计 ? ? 　　 　　 12课认识动作面板和编写简单ActionScript程序 本课素材下载 学习目的 1、编写简单程序实现动画的交互控制 2、认识动作面板 3、掌握在动作面板中编写ActionScript程序的基本方法 4、时间轴控制函数的使用方法 课前热身 通过前面几章的学习，你已经掌握了一些动画的制作方法，那么怎么实现动画的交互控制呢？下面一起制作一个控制动画播放的简单范例。??? (1) 打开范例文件??? 请打开素材下载中的ch5-1原始.fla。这是一个文字动画，文字首先从舞台左边飞入，然后由大变小。你可以先测试观察一下动画效果。打开的影片文件的图层结构如图17-1所示。 图17-1 图层结构 　? 接下来，要在打开的这个影片文件基础上进行操作。??? (2)? 定义第一帧的停止动作???? 在“动画”图层上新添加一个图层，并重新命名为“AS”。选择“AS”图层的第一帧，打开“动作”面板，在其中左边的“动作工具箱”中，单击“全局函数”，展开以后，再单击“时间轴控制”，如图17-2所示。这时可以看到，“时间轴控制”类别下的函数都显示出来了。 图17-2 展开“时间轴控制”函数类别 ??? 专家提示：默认情况下，“动作”面板显示在软件窗口的下方，只需单击就可以展开面板。如果软件窗口中没有显示“动作”面板，你可以选择“窗口”|“开发面板”|“动作”命令，将“动作”面板打开。??? 双击“时间轴控制”类别下的“stop”函数，在“动作”面板右边的“脚本输入区”出现一个程序行，如图17-3所示。 图17-3 双击stop函数 ??? 完成以上操作以后，“AS”图层的第一帧发生了变化，上面显示一个“a”标志，如图17-4所示。 图17-4 帧动作标志 ??? 现在测试一下影片吧。由于在第一帧定义了一个stop函数，所以影片停在第一帧，后面的动画没有接着播放。下面通过一个按钮来控制动画开始播放。?? (3) 通过按钮让动画开始播放 ??? 在“AS”图层上新建一个“按钮”图层。选择“按钮”图层第一帧，打开“库”面板，将其中一个名字为“播放”的按钮元件拖放到舞台的合适位置。??? 保持这个按钮实例处在选中状态，打开“动作”面板。在“动作工具箱”中展开“全局函数”|“影片剪辑控制”类别，双击该类别下的“on”函数，这样，“脚本窗口”中就自动出现相应的on程序代码，并且屏幕上同时还弹出了关于on函数的参数设置下拉列表框，如图17-5所示。 图17-5 定义on函数 ???双击参数设置下拉列表框中的“press”，接着将光标移动到大括弧{的右边，然后再切换到“动作工具箱”，展开“全局函数”中的“时间轴控制”类别，双击这个类别下面的“play”函数，这时，在“脚本窗口”中会出现一个新的程序代码，最后单击“脚本窗口”上方的“自动套用格式”按钮，将“脚本窗口”中的脚本变得更清楚一些，最后完成的程序代码如图17-6所示。 图17-6完成的程序代码 ??? 至此，“播放”按钮的程序代码就被定义好了。测试影片，然后单击按钮，你会发现动画开始播放了。??? (4) 让动画从第十五帧跳转播放 ??? 下面实现动画播放到结尾再跳转到第十五帧循环播放的动画效果。选择“AS”图层的第三十帧（动画的最后一帧），按F7插入一个空白关键帧，在“动作”面板中，双击“时间轴控制”类别下的“gotoAndPlay”函数，这样，在“脚本窗口”中出现gotoAndPlay函数程序代码，在小括弧中输入“15”即可。??? 至此就在“AS”图层的第三十帧定义了以下程序代码：???? gotoAndPlay(15);??? 这个程序代码的功能是，当动画播放到结尾时，自动跳转到第十五帧继续播放。这样就形成一个从第十五帧到第三十帧循环播放的动画效果。测试观察一下吧。?? (5) 按钮控制动画跳转到第一帧 ??? 前面实现了一个从第十五帧到第三十帧循环播放的动画效果，怎么停止这个循环呢？选择“按钮”图层的第一帧，从“库”面板中将一个名字为“停止”的按钮元件拖放到舞台合适位置。保持这个按钮实例处在选中状态，在“动作”面板中，定义这个按钮实例的程序代码是：on (press) {gotoAndStop(1);} ??? 这段程序代码的定义方法和步骤（3）类似，这里不再详述。??? 这段程序代码的功能是，当单击“停止”按钮时，跳转到影片的第一帧并停止播放动画。 ??? ???课堂讲解 ??? 通过“课前热身”中范例的制作，你对“动作”面板的使用方法，以及编写简单的动画交互控制程序已经有了一个概括的认识。下面系统讲解一下相关