Transcript 第4章AS初识
FLASH动画设计与制作 第4章 AS初识 Action Script语言 主讲：吴芳 总学时:4学时 = 讲课 2 + 上机 2 具体内容： 了解Flash中Action Script脚本语言基础 常用的交互控制语句和命令 Flash动画控制实例；按钮和AS的初步使用 广告条的制作 重 点： Action Script脚本语言, 广告条的制作，按钮和AS的初步使用。 难 点： Action Script脚本语言 习 题： Flash内嵌的脚本程序是什么？ 按钮元件有几帧？ 2 [email protected] 博客 http://blog.sina.com.cn/wfsylu 3 [email protected] 博客 http://blog.sina.com.cn/wfsylu ActionScript 基本概念 “Action”（动作）和“Script”（脚本）的组合。动作脚 本的英文缩写为“AS”。 ActionScript是Flash的脚本语言，是一种面向对象编 程语言。使用ActionScript可以控制Flash动画中的对象， 创建导航元素和交互元素，扩展Flash创作交互动画和网络 应用的能力。 所谓“动作”，指的是一套命令语句，当某事件发生 或某条件成立时，就会发出命令来执行设置的动作。 [email protected] 博客 http://blog.sina.com.cn/wfsylu 4 动作脚本基本语法 点语法 . 分号 ; 大括号 { } 圆括号 ( ) 关键字 Continue Delete Else For If New Reture With 大小写字母 注释“//” 5 [email protected] 博客 http://blog.sina.com.cn/wfsylu Action脚本的添加方法（工作界面介绍） 动作 6 [email protected] 博客 http://blog.sina.com.cn/wfsylu 写入程序的位置 写入程序的位置 点选所要添加动作脚 本的帧、按钮或者影片剪 辑。 7 [email protected] 博客 http://blog.sina.com.cn/wfsylu 常用的ACTION语句 1.场景/帧控制语句 gotoAndPlay( ); gotoAndPlay( 25); gotoAndStop( ); play( ); on(press){ play( ); } stop( ); on(release){ Stop( ) } 8 [email protected] 博客 http://blog.sina.com.cn/wfsylu 停止、播放和跳转语句 1. play 命令时间轴上的播放头从当前帧开始播放。 2. stop 命令时间轴上的播放头停止在当前帧上。 3. gotoAndPlay 命令时间轴上的播放头跳至特定的帧上，并从该帧开 始播放。 4. gotoAndStop 命令时间轴上的播放头跳至特定帧上停止。 9 [email protected] 博客 http://blog.sina.com.cn/wfsylu 2.属性设置语句 3.影片剪辑控制语句 starDrag(target); 鼠标跟踪 4.时间获取语句 Date.getHours( ); Date.getMinutes( ) Date.getSeconds( ) 5.声音控制语句 new Sound( ); MySound.start( ) MySound.start([secondOffset,loop]) Sound.stop( ) 6.循环控制语句 while do while for [email protected] 博客 http://blog.sina.com.cn/wfsylu 10 7. 条件控制语句 if else if(_xmouse==_ymouse){ cat.play( );} else{ sun.play( ); } [帮助]—[FLASH帮助]命令的“面板”--“ActionScrip2.0语言参考” 进行学习 [email protected] 博客 http://blog.sina.com.cn/wfsylu 11 用帧动作控制影片 为关键帧添加动作的方法 1. 选中要添加动作脚本的关键帧或空白关键帧 2. 按下快捷键【F9】打开“动作”面板 3. 在“动作”面板上添加动作脚本 12 [email protected] 博客 http://blog.sina.com.cn/wfsylu 用按钮动作控制影片 为按钮添加动作的方法 1. 2. 3. 4. 5. 选中要添加动作脚本的按钮 按下【F9】键打开“动作”面板 添加触发事件关键字“on” 添加指定触发动作的鼠标/键盘事件 添加执行的处理程序 13 [email protected] 博客 http://blog.sina.com.cn/wfsylu 按钮元件 按钮元件 按钮是一个特殊的元件类型，起一种桥梁的 作用，在动画中使用按钮元件可以实现动画与 用户的交互，当创建一个按钮元件时，FLASH 会创建一个拥有4帧的时间轴，分别是“弹 起”，“指针经过”，“按下”，“点击” 14 [email protected] 博客 http://blog.sina.com.cn/wfsylu 创建按钮元件 • 在Flash中，按钮元件实际上是一个只有4帧的交互影片 剪辑，当鼠标指针移到按钮上或单击按钮时，即可产 生交互，按钮也会随之改变外观。 • 当创建元件为按钮后，会进入一个特殊的编辑环境， 通过在4帧时间轴上创建关键帧，可以指定不同的按钮 状态，如图所示。 • 制作一个按钮元件。 15 [email protected] 博客 http://blog.sina.com.cn/wfsylu 写入脚本程序 动作-影片剪辑: 当输入“动作-影片剪辑” 的时候，注意语句的开头也 必须有句首“onClipEvent”。 而且在运行按钮动作和影片 剪辑动作的时候，没有很明 显的标识。 16 [email protected] 博客 http://blog.sina.com.cn/wfsylu 写入脚本程序 动作-按钮: 在加入按钮动作的时候， 语句必须有句首“on”， 而且在动作面板显示是 以动作-按钮显示的。 17 [email protected] 博客 http://blog.sina.com.cn/wfsylu 用按钮动作控制影片 关于鼠标事件处理程序on 1. 鼠标处理程序on的语法 On(鼠标/键盘事件){ 事件发生时要执行的处理程序 } 2. 鼠标/键盘事件 18 [email protected] 博客 http://blog.sina.com.cn/wfsylu 按钮点播春夏秋冬相册 19 [email protected] 博客 http://blog.sina.com.cn/wfsylu 应用ActionScript制作时钟 20 [email protected] 博客 http://blog.sina.com.cn/wfsylu 21 [email protected] 博客 http://blog.sina.com.cn/wfsylu 在FLASH文档中调用SWF 动画文件 loadmovie("js.swf","a"); a._x=5; a._y=50; 注意： 新的剪辑影片(.SWF)和老的剪辑影片(.SWF)要 放在同一目录里。 22 [email protected] 博客 http://blog.sina.com.cn/wfsylu 播放完动画后自动跳到某网页 getURL("http://blog.sina.com.cn/wfsylu","_self"); 我的博客 23 [email protected] 博客 http://blog.sina.com.cn/wfsylu 公用库 窗口-公用库 24 [email protected] 博客 http://blog.sina.com.cn/wfsylu 25 [email protected] 博客 http://blog.sina.com.cn/wfsylu 组件 初识组件 组件可以是一个简单的用户界面控件（如单选按钮或一个 复选框），也可以是一个复杂的控件元素（如媒体控制器或 滚动窗格），组件甚至可以是不可见的（例如焦点管理器）。 向Flash文档添加组件有多种方法。对于初学者，可以使 用“组件”面板将组件添加到文档中。 26 [email protected] 博客 http://blog.sina.com.cn/wfsylu 27 [email protected] 博客 http://blog.sina.com.cn/wfsylu 28 [email protected] 博客 http://blog.sina.com.cn/wfsylu 组件 应用：制作万年历 29 [email protected] 博客 http://blog.sina.com.cn/wfsylu 实战 加载组件的应用 30 [email protected] 博客 http://blog.sina.com.cn/wfsylu 制作广告条 Banner的制作（叫做网页广告），是指网页上端的具有广告作用的 Flash作品。这种Flash作品形式体积小巧、主题鲜明、可读性强。 网页广告是网络商务说媒体宣传的重要组成部分。也 是FLASH重要的应用领域。 FLASH广告的特点： 多媒体支持、表现形式多样性、更直观、广告针对性强、 适合网络应用、可以添加交互功能 FLASH广告的应用领域： 用于链指定的内容 用于宣传特定内容 演示指定产品 31 [email protected] 博客 http://blog.sina.com.cn/wfsylu Banner的设计原则 Banner主要包括三个部分，文字、图片和动画效果。文 字是直接传达广告信息的手段，在Banner中应用非常 广泛。图片一般作为展示产品、Banner背景来应用， 其逼真的效果能够传达客观的信息，在浏览者头脑中 留下第一印象。动画效果是吸引浏览者目光并点击的 重要手段，一段节奏明快、动画炫目的效果，能够极 大地吸引浏览者。 32 [email protected] 博客 http://blog.sina.com.cn/wfsylu FLASH广告的制作流程 确定广告主题 前期构思 制作广告要素 编辑广告并发布 33 [email protected] 博客 http://blog.sina.com.cn/wfsylu 广告条制作 34 [email protected] 博客 http://blog.sina.com.cn/wfsylu 35 [email protected] 博客 http://blog.sina.com.cn/wfsylu 36 [email protected] 博客 http://blog.sina.com.cn/wfsylu 这节课有难度： 了解Flash中Action Script脚本语言基础。 常用的交互控制语句和命令。 Flash动画控制实例；按钮和AS的初步使用。 广告条的制作。 加强复习（鼠绘的实战） 37 [email protected] 博客 http://blog.sina.com.cn/wfsylu 习 题： Flash内嵌的脚本程序是什么？ 按钮元件有几帧？ 上机+课外时间 （多练习） 复习讲过的内容，收集素材， 为最后的大作业做准备 38 [email protected] 博客 http://blog.sina.com.cn/wfsylu