《制作交互动画.ppt》由会员分享,可在线阅读,更多相关《制作交互动画.ppt(23页珍藏版)》请在三一文库上搜索。
1、程序设计篇,Flash网页动画,南京理工大学 张微 ,第七章 交互动画Action编程基础,Flash网页动画,3,本章主要内容,交互动画与Action编程 动作面板 基本互动语句流向控制 变量与表达式 控制结构 对象与事件编程,4,Flash最大特点是交互性,可与用户进行交流。 常用交互效果: 用鼠标或键盘控制动画:如播、停,显示效果,尺寸及用鼠标移动对象等。 表单动画:让用户填写表单,反馈信息或使用搜索引擎搜索信息等。 交互式动画可以使动画严格按设计者的意图播放,通过简单的程序设计即可实现精彩的动画效果,交互动画与Action编程,动画交互,5,交互动画与Action编程,交互式动画设计通
2、过使用ActionScript程序语言编程实现 ActionScript语言特点 起源于Java语言 并非独立编程语言, ActionScript只包含一组简单的指令,可方便地定义事件、动作与目标。,Action编程,6,交互动画与Action编程,Action代码执行特点: Action编程并无独立程序文件,所有代码附于产生事件的对象上。 例:对按钮操作属于按钮事件,代码附带在产生此事件的按钮对象上 采用事件响应方式执行代码。即仅在事件发生时触发相应的动作,执行与本事件相关的程序代码。 如:单击“Play”按钮产生“on Release”事件,触发本段代码,播放指定电影剪辑。,Action编
3、程,7,交互动画与Action编程,FLASH事件编程基本要素 对象:可产生动作的研究实体。 指:帧、按钮和电影剪辑 属性:对象的特性。 如:元件的透明度、坐标等 方法:对象本身的动作 如:帧停止播放,按钮隐藏 事件:用户对对象的操作 如:单击按钮,Action编程,8,动作面板,Action编程通过Action(动作)面板进行 动作面板参数的调整 菜单:编辑首选参数ActionScript 动作面板的显示: 动作面板位于舞台区下方 菜单:“窗口”“动作” 可打开动作面板,动作面板显示,9,动作面板界面,动作工具箱,动作编辑窗口,工具栏,动作对象列表,10,动作面板界面,动作工具箱 工具箱按动
4、作性质分类列出所有Action编程语句 单击分类名图标可展开或隐藏本分类下属语句 工具箱列表最后一项“索引”(IIndex)提供所有命令并按字母顺序排放以便于查询,动作面板窗口,11,动作面板界面,动作编辑窗口 显示动作代码,并可进行相应编辑 代码输入方法: 工具箱中选定语句后双击或拖动语句到脚本窗口,有参数的语句需手工输入参数 语句的修改、删除、复制与移动等与一般编辑程序操作相同,动作面板窗口,12,动作面板界面,动作对象列表 动作对象列表自动列出本动画全部已编程对象 当前选择:显示正在编辑的动作对象 从其余项目下选取对象即可重新对该对象编程,动作面板窗口,13,动作面板,工具栏: 在当前语
5、句下方添加一条语句 单击时出现子菜单帮助用户选择语句 查找代码 插入目标路径 输入或选择动画中插入的对象(如电影剪辑)的位置 检查语法错误 单击后检查本语句语法错误并在输出窗口中指出错误位置、原因及解决方法,动作面板的按钮,14,动作面板,工具栏按钮: 自动套用格式 按设定格式自动设置语句格式缩进 代码提示 输出语句时提示代码 提示类型 输入函数的参数信息 输入对象的方法和属性 后继事件编码提示,动作面板的按钮,15,动作面板,脚本助手: 脚本助手是为方便初学者输入代码而提供的一种模式 脚本助手模式下,选定语句后编辑器上方出现代码参数提示界面,便于选择或输入代码 启动: 单击工具栏右侧 按钮,
6、脚本助手模式,16,脚本助手模式下代码的输入,语句,语句子类,第一参数,第二参数类型,第二参数,完整代码,17,动作面板,注意: 脚本助手模式下工具栏添加以下按钮 “”:删除所选语句 :选中语句上移一行 :选中语句下移一行 进入脚本助手前如果已有代码则仅在代码无错时,才能进入脚本助手模式 脚本助手的退出: 再次单击“脚本助手”按钮,脚本助手模式,18,动作面板,动作面板界面参数设置 动作面板选项菜单首选项动作脚本 代码的导入与导出: 导出操作: 动作面板选项菜单导出脚本 选择文件位置和名称,即将当前语句导出形成编程文件(.as) 导入操作: 动作面板选项菜单导入脚本选择文件位置和名称,动作面板
7、的选项菜单,19,基本互动事件,事件是用户对对象的动作,不同的动作触发不同的事件,执行本事件的相应代码 按钮事件是最基本的互动事件: 事件名称:on 面板分类:全局函数 影片剪辑控制 - on 对按钮进行的操作种类写在()中 操作后执行的语句写在on事件花括号中 例:on ( release ) play( ); 单击鼠标后播放动画,简单事件响应,20,流向控制基本命令,影片播放控制是最基本的动作语句 播放与停止命令 面板:全局函数 时间轴控制 stop:停止播放 play:从当前位置处重新放映 Stop all sound:终止所有正在播放的声音,但不会影响影片的视觉效果。 实例:按钮控制气球升空。 注意:大多数动作播放时不起作用,只有“测试影片”时才能看到效果,控制影片播放,21,流向控制基本命令,改变帧流向 操作: 面板:全局函数 时间轴控制 具体命令 分类 gotoAndStop:转到指定帧并停止播放 gotoAndPlay :转到指定帧并播放 nextFrame:转到下一帧 preFrame:转到上一帧 nextScene:转到下一场景 preScent:转到上一场景,改变影片播放顺序,22,流向控制基本命令,实例: 不停踢球的女孩 简易图片簿,改变影片播放顺序,
链接地址:https://www.31doc.com/p-2788816.html