《FlashCS3中文版实例教程 第11章 交互式动画的制作.ppt》由会员分享,可在线阅读,更多相关《FlashCS3中文版实例教程 第11章 交互式动画的制作.ppt(18页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 本章简介本章简介:Flash动画具有交互性,可动画具有交互性,可以通过对按钮的控制来更改动画以通过对按钮的控制来更改动画的播放形式。本章将介绍控制动的播放形式。本章将介绍控制动画播放、声音改变、按钮状态变画播放、声音改变、按钮状态变化的方法。读者通过学习要了解化的方法。读者通过学习要了解并掌握如何实现动画的交互功能,并掌握如何实现动画的交互功能,从而实现人机交互的操作方式。从而实现人机交互的操作方式。第11章交互式动画的制作课堂学习目标播放和停止动画播放和停止动画 控制声音控制声音 按钮事件及交互按钮按钮事件及交互按钮 添加使用命令添加使用命令 11.1Flash CS3的文件操作 课堂案例
2、课堂案例浏览婚礼照片浏览婚礼照片播放和停止动画播放和停止动画 使用动作面板设置脚本语言制作动画效果。使用动作面板设置脚本语言制作动画效果。效果图 11.1.1课堂案例浏览婚礼照片 控制动画的播放和停止所使用的动作脚本如下。控制动画的播放和停止所使用的动作脚本如下。(1)on:事件处理函数,指定触发动作的鼠标事件或按键事件。:事件处理函数,指定触发动作的鼠标事件或按键事件。例如例如on(press)此处的此处的“press”代表发生的事件,可以将代表发生的事件,可以将“press”替换为任意一种对象事件。替换为任意一种对象事件。(2)play:用于使动画从当前帧开始播放。:用于使动画从当前帧开始
3、播放。例如例如on(press)play();(3)stop:用于停止当前正在播放的动画,并使播放头停留在当前帧。:用于停止当前正在播放的动画,并使播放头停留在当前帧。例如例如on(press)stop();11.1.2播放和停止动画 11.2控制声音 课堂案例课堂案例控制声音开关及音量控制声音开关及音量控制声音控制声音 使用动作面板设置脚本语言制作动画效果。使用动作面板设置脚本语言制作动画效果。11.2.1课堂案例控制声音开关及音量 效果图 应用应用“动作动作”面板设置脚本语言来控制声音的开关及音量。面板设置脚本语言来控制声音的开关及音量。控制声音的开关及音量11.2.2控制声音 11.3
4、按钮事件及交互按钮 课堂案例课堂案例制作服饰网页制作服饰网页按钮事件按钮事件 制作交互按钮制作交互按钮 使用任意变形工具改变图形的角度,使用动作面板设置脚本语言。使用任意变形工具改变图形的角度,使用动作面板设置脚本语言。11.3.1课堂案例制作服饰网页 效果图 将将“库库”面板中的按钮元件拖曳到舞台窗口中,选中按钮元件,选择面板中的按钮元件拖曳到舞台窗口中,选中按钮元件,选择“窗窗口口 开发面板开发面板 动作动作”命令,弹出命令,弹出“动作动作”面板,在面板的左上方将脚本语言面板,在面板的左上方将脚本语言版本设置为版本设置为“ActionScript 1.0&2.0”,在面板中单击,在面板中单
5、击“将新项目添加到脚本中将新项目添加到脚本中”按钮,在弹出的菜单中选择按钮,在弹出的菜单中选择“全局函数全局函数 时间轴控制时间轴控制 on”命令。在命令。在“脚本脚本窗口窗口”中显示出选择的脚本语言,在下拉列表中列出了多种按钮事件。中显示出选择的脚本语言,在下拉列表中列出了多种按钮事件。11.3.2按钮事件 “press”(按下)(按下)“release”(弹起)(弹起)“releaseOutside”(在按钮外放开)(在按钮外放开)“rollOver”(指针经过)(指针经过)“rollOut”(指针离开)(指针离开)“dragOver”(拖曳指向)(拖曳指向)“dragOut”(拖曳离开)
6、(拖曳离开)“keyPress”(键盘按下)(键盘按下)按钮的“弹起”状态 11.3.3制作交互按钮 按钮的“指针经过”状态 按钮的“按下”状态 11.4添加使用命令 课堂案例课堂案例制作系统登录界面制作系统登录界面添加使用命令添加使用命令 使用矩形工具绘制圆角矩形,使用文本工具输入文本,使用动作面板添加使用矩形工具绘制圆角矩形,使用文本工具输入文本,使用动作面板添加动作脚本语言。动作脚本语言。11.4.1课堂案例制作系统登录界面 效果图 此动画设定此动画设定5次重新输入密码的机会,当次重新输入密码的机会,当5次都输入错误时,会出现提示语次都输入错误时,会出现提示语句,表示已经不能再重新输入密
7、码。句,表示已经不能再重新输入密码。11.4.2添加使用命令 输入密码 密码输入正确后出现的图像密码输入错误时出现的提示信息 密码输入5次全部错误时出现的提示语句 使用多角星形工具绘制按钮图形,使用动作面板设置脚本语言,使用遮罩使用多角星形工具绘制按钮图形,使用动作面板设置脚本语言,使用遮罩层命令将图片遮罩。层命令将图片遮罩。11.5课堂练习浏览艺术照片 效果图 使用动作面板、矩形工具、颜料桶工具来完成效果的制作。使用动作面板、矩形工具、颜料桶工具来完成效果的制作。11.6课堂练习制作房产网页 效果图 使用任意变形工具调整图片的大小。使用文本工具输入文字。使用矩形工使用任意变形工具调整图片的大小。使用文本工具输入文字。使用矩形工具绘制图形,使用动作面板添加脚本语言。具绘制图形,使用动作面板添加脚本语言。11.7课后习题制作网站登录系统 效果图