第七章制作交互动画预案.ppt

程序设计篇 南京理工大学 张微 leflash@126.com 第七章 交互动画基础 本章主要内容 交互动画与Action编程 动作面板 基本互动事件 基本流向控制 交互动画与Action编程 Flash最大特点是交互性，可与用户进行交流。 常用交互效果： 用鼠标或键盘控制动画：如播、停，显示效果，尺寸及用鼠标移动对象等。 表单动画：让用户填写表单，反馈信息或使用搜索引擎搜索信息等。 交互式动画可以使动画严格按设计者的意图播放，通过简单的程序设计即可实现精彩的动画效果 交互动画与Action编程 交互式动画设计通过使用ActionScript程序语言编程实现 ActionScript语言特点 起源于Java语言。 并非独立编程语言， ActionScript只包含一组简单的指令，可方便地定义事件、动作与目标。 采用面向对象的事件编程方式 交互动画与Action编程 FLASH事件编程基本要素 对象：可产生动作的研究实体。 指：帧、按钮和电影剪辑 属性：对象的特性。 如：元件的透明度、坐标等 方法：对象本身的动作 如：帧停止播放，按钮隐藏 事件：用户对对象的操作 如：单击按钮 交互动画与Action编程 Action代码执行特点： Action编程并无独立程序文件，所有代码附于产生事件的对象上。 只有关键帧、按钮或电影剪辑可作为产生事件的对象进行编程 采用事件响应方式执行代码即仅在事件发生时触发相应的动作，执行与本事件相关的程序代码。 如：单击“Play”按钮产生“on Release”事件，触发播放动画操作，播放指定电影剪辑。 为方便维护与移植，可将代码导出生成代码文件(.as) 动作面板 Action编程通过Action（动作）面板进行。 动作面板的显示： 动作面板位于舞台区下方 菜单：“窗口”－“动作”亦可打开动作面板 分类：帧、按钮板、影片剪辑面板 打开操作时由系统根据用户选择对象自动打开相应种类面板 动作面板界面 动作面板界面 动作工具箱 工具箱按动作性质分类列出所有Action编程语句 单击分类名图标可展开或隐藏本分类下属语句 选定语句后双击或拖动语句到脚本窗口即可输入该语句 工具箱列表最后一项Index提供所有命令并按字母顺序排放以便于查询 动作面板界面 动作编辑窗口 显示动作代码，并可进行相应编辑 语句的修改、删除、复制与移动等与一般编辑程序操作相同 动作对象列表 动作对象列表自动列出本动画全部已编程对象 当前选择：显示正在编辑的动作对象 从其余项目下选取对象即可重新对该对象编程 动作面板 工具栏： 　在当前语句下方添加一条语句 单击时出现子菜单帮助用户选择语句 　查找代码 　替换代码 　插入目标路径 输入或选择动画中插入的对象（如电影剪辑）的位置 　检查语法错误 单击后检查本语句语法错误并在输出窗口中指出错误位置、原因及解决方法 动作面板 工具栏按钮： 　自动套用格式 按设定格式自动设置语句格式缩进 　代码提示 输出语句时提示代码 提示类型 输入函数的参数信息 输入对象的方法和属性 后继事件编码提示 动作面板 动作面板界面参数设置 动作面板选项菜单－首选项－动作脚本 代码的导入与导出： 导出操作： 动作面板选项菜单－导出脚本 选择文件位置和名称，即将当前语句导出形成编程文件（.as） 导入操作： 动作面板选项菜单－导入脚本－选择文件位置和名称 FLASH基本互动事件 帧事件 帧动作在播放到本关健帧时自动触发 按钮事件 用户操作鼠标（键盘）时触发的动作 电影剪辑事件 用户操作电影剪辑时触发的动作 基本互动事件 按钮事件： 事件名称：on 面板分类：全局函数– 影片剪辑控制 - on 对按钮进行的操作种类写在（）中 操作后执行的语句写在on事件花括号中 例：on ( release ) { 　　play( ); 　　} 单击鼠标后播放动画 FLASH基本互动事件 按钮事件的子事件（操作种类） 点击( press )－鼠标在按钮上按下 释放( release )－鼠标在按钮上按下后放开（默认） 释放离开( releaseOutside )－鼠标在按钮上按下后在 按钮外放开 指针经过( rollOver )－鼠标移至按钮上 指针离开( rollOut )－鼠标离开按钮 拖放经过( dragOver )－鼠标在按钮上按下并拖离再　　　　　　　　　 　移回按钮 拖放离开(dragOut)－鼠标在按钮上按下并拖离按钮 按键(keyPress)－键盘按键（在右框中输入按键名称） 基本互动事件