《FlashCS6动画制作项目教程 教学课件 ppt 作者 郭娟 刘志杰 项目6任务2趣味拼图》由会员分享，可在线阅读，更多相关《FlashCS6动画制作项目教程 教学课件 ppt 作者 郭娟 刘志杰 项目6任务2趣味拼图（33页珍藏版）》请在金锄头文库上搜索。
1、动画制作项目教程,项目6 制作Flash小游戏,任务二 趣味拼图,本讲内容,任务描述,1,任务总结,3,任务实施,2,拓展训练,4,交互；按钮；行为；动作。,任务二 趣味拼图,本讲内容,一、任务描述,在Flash中可以直观的来做动画，也可以编写程序来做动画，二者相互结合。拼图游戏不仅可以帮助成人打发时间，还可以用于锻炼儿童脑力，帮助少儿开发大脑思维，该项目即是运用了Flash编程脚本ActionScript制作拼图小游戏，游戏效果为：拖动散乱的拼图小块，组合成一幅完整的图像，如图6-2-1所示。 该任务利用素材图片，使用图像处理软件制作成6张拼块，同时制作一张半透明素材图作为底图，在Flash
2、软件中绘制出拼块轮廓与透明底图相对应，通过为6张拼块添加动作脚本，实现鼠标拖动功能。,一、任务描述,交互；行为；动作。,一、任务描述,1. 知识技能点,2. 训练目标,能够运用图像处理软件，将一幅完整的图片按照要求处理成小块拼图。 能够正确编写脚本代码，完成交互动画制作。 进一步理解和体会动作的使用。 通过画面设计和动画制作，审美能力得到进一步提升，沟通能力、制定方案和解决问题的能力进一步加强。,本讲内容,二、任务实施,二、任务实施,1.寻图再做些处理，半透底图已出形 （1） 打开Photoshop软件，打开素材图片。,（2）裁剪图片，大小为320PX*480PX。,二、任务实施,（3）新建图
3、层，利用标尺和参考线等分图片为6个方块，分别制作选区，填充黑色和白色。,（4）利用钢笔等工具，绘制拼块突出的不规则圆形部分，复制，调整为黑色或白色。,二、任务实施,（5）选中左上角拼块选区，切换到素材图片图层，按下快捷键Ctrl+J快捷键，将选区中的内容复制到新图层，隐藏其他图层，根据拼块大小裁剪图片，保存为PNG图片。,（6）同理，制作其他拼块，分别保存为PNG图片。,（7）修改素材图片图层不透明度，使之变为半透明，作为拼图底图。,二、任务实施,2.雨落人喜叶遮头，年轻无忧一孩童 （1）新建Flash文档，大小为820PX*600PX。 （2）按下快捷键Ctrl+F8新建图形元件，命名“背景
4、”。 （3）导入素材图片，打开标尺，按照相同比例，用标尺线把图片分成六份。,二、任务实施,（4）选择线条工具，并点击贴近至对象，根据参考线，绘制线条，然后清除参考线。,（5）新建图层，使用椭圆工具绘制一个空心的圆，复制，粘贴。,二、任务实施,（6）选中所有圆，剪切，切换到线条图层，选择“编辑”菜单级联菜单下的“粘贴到当前位置”命令或者使用快捷键Ctrl+Shift+V，删除圆图层，删除不需要的线条。,（7）制作背景颜色，制作文字，导入半透明底图。,二、任务实施,3.素材拼块已备好，想做游戏需动脑 （1）导入6张拼块图片，分别转化为影片剪辑元件，分别命名为“上1”、“上2”、“中1”、“中2”、
5、“下1”、“下2” 。,二、任务实施,（2）选择拼块元件，选择选择“窗口”菜单“行为”，打开面板，点击“添加行为按钮选择“影片剪辑”菜单下的“开始拖动影片剪辑” 。,二、任务实施,（3）修改“事件”，选择“按下时” 。,（4）同理，再次添加行为，选择“影片剪辑”菜单下的“停止拖动影片剪辑”，事件为“释放时” 。,二、任务实施,（5）右击影片剪辑，选择“动作”，在动作面板输入以下动作。 on (press) /Start Dragging Movieclip Behavior startDrag(this); /End Behavior on (release) /Stop Dragging M
6、ovieclip Behavior stopDrag(); /End Behavior （6）同理，为其他拼块添加行为和动作。,本讲内容,三、任务总结,【知识解读】,三. 任务总结,ActionScript3.0基本语法有哪些？ ActionScript3.0（简称AS3.0）基本语法构成包括：标识符、关键字、数据类型、运算符和分隔符，它们互相配合，共同完成AS3.0语言的语意表达。 （1）标识符 简单的说，我们每定义一个变量，这个变量就称之为标识符，在AS3.0中，不能使用关键字和保留字作为标识符，包括变量名、类名、方法名等。 （2）关键字 在AS3.0中，保留字包括“关键字”，不能在代码中
7、将他们用作标识符。,三. 任务总结,（3）数据类型 数据是程序的必要组成部分，也是程序处理的对象。数据类型描述一个数据片段，以及可以对其执行的各种操作。数据存储在变量中，在创建变量、对象实例和函数定义时，通过使用数据类型类指定要使用的数据的类型。数据类型是对程序所处理的数据的抽象。在AS3.0中包含两种数据类型：基元数据类型(Primitivedatatype)和复杂数据类型(Complexdatatype)。 （4）常量和变量 在AS3.0中使用常量和变量和其他的编程开发语言一样，没什么太大的区别，作用点都是相同的。简单理解就是常量就是值不会改变的量，变量则相反。AS3.0中常量也可以分为两
8、种：顶级常量和用户自定义常量。,三. 任务总结,所谓顶级常量就是语言库内部所提供的常量，主要包括： Infinity：表示正无穷大 -Infinity：表示负无穷大 NaN：表示非数字的值 Undefined：一个适用于尚未初始化的无类型变量或未初始化的动态对象属性的特殊值。 用户自定义的常量，通常使用关键字const来定义。不管是在什么编程语言中，变量是用得最多的，在AS3.0中也同样如此，变量定义格式为：var变量名:数据类型或var变量名:数据类型=初始值，例如定义一个字符串变量abcd并赋初值为“abcd“，书写格式如下: varabcd:String=“abcd“;,【经验共享】 F
9、lash中常用的动作脚本有哪些？ （1）指定跳转 在当前帧停止播放：on(release)stop(); 从当前帧开始播放：on(release)play(); 跳到第10帧并且从第10帧开始播放：on(release)gotoAndPlay(10); 跳到第10帧并且停止在该帧：on(release)gotoAndStop(10); 跳到下一个场景并且继续播放：on(release)nextScene();play(); 跳到上一个场景并且继续播放：on(release)prevScene();paly(); 跳转到指定场景并且开始播放：on(release)gotoAndPlay(“场景名
10、“，1); 停止：on(release)stop(); 跳到第N帧开始播放：on(release)gotoAndplay(N);18. 跳到第N帧停止：on(release)gotoAndstop(N);,三. 任务总结,三. 任务总结,（2）链接到网页 打开一个网页，如果该“网页”和“Flash动画”在同一个文件夹里：on(release)getURL(“http:/“); 打开一个网页，如果该“网页”是在网络上的其他站点里：on(release)getURL(http:/); （3）设置播放器窗口 播放器窗口全屏显示：on(release)fscommand(“fullscreen“，tr
11、ue); 取消播放器窗口的全屏：on(release)fscommand(“fullscreen“，false); 播放的画面，随播放器窗口大小的，改变而改变：on(release)fscommand(“allowscale“，true); 播放的画面，不论播放器窗口有多大，都保持原尺寸不变：on(release)fscommand(“allowscale“，false);,三. 任务总结,（4）声音常用动作脚本 newSound()/创建一个新的声音对象 mysound.attachSound()/加载库里的声音 mysound.start()/播放声音 mysound.getVolume(
12、)/读取声音的音量 mysound.setVolume()/设置音量 mysound.getPan()/读取声音的平衡值 mysound.setPan()/设置声音的平衡值 mysound.position/声音播放的当前位置 mysound.duration/声音的总长度,本讲内容,四、 拓展训练,典型案例：制作loading动画 动画效果为：随着动画载入进度，为奥运五环注入颜色，当完全变为彩色时，动画载入完毕。,四、拓展训练,四、拓展训练,（1）新建Flash文档，大小为800PX*600PX。 （2）图层1重命名为“背景”，按下快捷键Ctrl+R导入背景图片，使之完全覆盖住舞台。,（3）
13、按下快捷键Ctrl+F8创建新元件，命名“五环黑白”，使用椭圆工具绘制出一个圆，按下快捷键Ctrl+C复制轮廓线，再次按下快捷键Ctrl+Shift+V粘贴到原位置，按下快捷键Q切换为任意变形工具，按住Shift+Alt键的同时缩小圆，使之与大圆同心，从而得到一个圆环。,四、拓展训练,（4）复制出四个圆环，排列好位置。,（5）删除重叠部分，使圆环相互之间穿插起来。,四、拓展训练,（6）打开库，右击“五环黑白”元件，选择直接复制，则复制出一个相同内容的元件，重命名为“五环彩色”，分别为五个圆环填充蓝色、黑色、红色、黄色和绿色。,（7）按下快捷键Ctrl+F8创建新元件，命名“五环动画”，图层1重
14、命名为“五环彩色”，从库中拖动“五环彩色”元件到舞台上，在第100帧处创建普通帧，以延长画面停留时间。,四、拓展训练,（8）新建图层命名“蒙板”，绘制一个矩形，使之完全覆盖住五环，在第100帧处创建关键帧，选中第1帧，将矩形缩小并移动到五环图形的左边，创建第1帧到第100帧的形状补间动画。,四、拓展训练,（9）右击“蒙板”图层，在快捷菜单中选择“蒙板”，预览动画效果，五环图片从左到右逐渐出现。,（10）.新建图层命名“五环黑白”，从库中拖动“五环黑白”元件到舞台上，调整好位置，使之与“五环彩色”位置完全一致，在第100帧处创建普通帧，以延长画面停留时间，新建图层命名“动作”，在第100帧处创建
15、关键帧，右击帧在快捷菜单中选择“动作”，输入停止动作，脚本代码为stop()，预览动画效果。,四、拓展训练,（11）回到场景，新建图层命名“五环动画”，从库中拖动“五环动画”元件到舞台上，新建图层命名“进度”，使用文本工具创建一个空文本框，打开属性面板，设置文字标签为“bfb”，选择动态文本，设置好文字格式。,四、拓展训练,（12）新建图层命名“动作”，输入动作，作用是使动态文本框中的数值随当前播放帧数的进度而变化，脚本代码如下： var n = 0; _root.onEnterFrame = function () var _loc1 = loading._currentframe; if (_loc1 100) bfb.text = loading._currentframe + “%“; else bfb.text = “100%“; / end else if （13）新建图层命名“文字”，输入文字“百年奥运中国梦”。,欢迎交流讨论！,中国铁道出版社,
