第11章 交互式动画.pptVIP

第11章 交互式动画 主要内容： 课堂演示讲授时间：2课时 控制主时间轴动画播放 控制元件的播放 play()语句和stop()语句的使用 11.2 控制动画播放 【展示任务】 第11章 交互式动画 【知识讲解】 一、控制主时间轴动画的播放 所谓主时间轴动画时是指直接在动画的主要时间轴上建立的补间动画或逐帧动画。利用play()语句和stop()语句就可以直接控制这种动画。 二、 控制元件的播放 控制元件的播放也同样利用play()语句和stop()语句。但是要指明要控制的影片剪辑元件的对象，即该对象的名称。 三、 play()语句 其功能是播放某个对象，该对象可以是主时间轴动画或元件的实例。使用方式如下： 对象. play()； 第11章 交互式动画 【知识讲解】 四、 stop()语句 其功能是停止播放某个对象，该对象可以是主时间轴动画或元件的实例。使用方式如下： 对象. stop()； 在Flash动画中，最常用的交互操作就是控制动画的播放和停止，利用按钮能够很方便的实现这个功能。 第11章 交互式动画 【实例讲解】 任务1：飞翔的小鸟 原野上，一只小鸟翩翩飞翔，时远时近。在画面上有可以控制动画播放和停止的按钮。 ① 创建新的flash文档，导入一幅图片到舞台，并设置舞台大小与图片大小相同，使图片能够完全覆盖舞台。 ② 修改‘图层1’的名称为‘背景’。 ③ 选择第60 帧，按下f5件，将动画延长到60帧。 第11章 交互式动画 【实例讲解】 ④ 新建一个“影片剪辑”元件“飞鸟” ， 将“鸟.gif”导入该元件的编辑舞台。 ⑤ 回到【场景1】，添加一个新图层，图层名称为“飞鸟” 。 ⑥ 在舞台左侧创建飞鸟元件的实例，选择飞鸟图层创建补间动画。 ⑦ 选择第60帧，然后将飞鸟实例对象拖到舞台的右侧，则创建了一条路径。 ⑧ 在第20、40、60帧各插入一个关键帧，然后在各个关键帧改变对象在舞台上的位置。修改路径，使该路径比较光滑，使飞鸟的飞行路径为S形即可。 ⑨ 再选择各个关键帧，选择实例对象，调整对象的旋转角度和缩放比例。 ⑩ 在“背景” 层的第1帧中，添加播放和停止按钮(公用按钮库→playback flat文件夹 →flat blue play按钮和flat blue stop按钮)，用于控制动画的播放和停止。两个按钮 的名称为“palyBtn”和“stopBtn” 。 第11章 交互式动画 【实例讲解】 ? 选择“背景” 层的第1帧，打开【动作】面板，添加如下代码： 第11章 交互式动画 【完成任务】 任务：完成“飞翔的小鸟” 第11章 交互式动画 【课堂小结】 本节主要介绍了控制主时间轴动画的播放和控制元件的播放。介绍了play()语句和stop()语句的功能及使用方法。 第11章 交互式动画 【作业】 1．在任务中this.stop();和bird.stop();的区别是什么？ 2．修改本节任务，用鼠标在小鸟上单击来控制小鸟翅膀的挥动。 第11章 交互式动画