FLASH_动画制作第10章.ppt

第10章 Action Script综合实例 10.1 明确设计任务 10.2 布置场景 10.3 编写代码 10.4 片头动画 相关知识 本章小结 思考与练习 概述 Action Script是Flash提供的编程语句，当需要在影片中提供较强的交互效果时需要用到这一技术。 本章将通过完成一个经典的Flash游戏引领初学者跨入Action Script编程学习阶段。 学习目标 掌握if语句的语法格式和用途 熟悉随机函数使用方法 掌握鼠标指针的改变方法 熟练运用影片控制函数 引例 陈老师是某小学的计算机教师，每次在为学生讲授鼠标操作时总是会遇到学不会鼠标移动和单击的学生。经过很长一段时间的冥思苦想后，陈老师决定采用玩鼠标游戏的教学形式，以激发学生自主学习鼠标操作的学习热情，请为陈老师制作一个“打鼹鼠”的Flash小游戏。 10.1 明确设计任务 设计Flash小游戏需要进行一系列的操作，因此在开始制作之前明确设计任务和目标可以达到事半功倍的效果。 10.1.1 总结游戏特点 任务1 试玩打鼹鼠游戏 任务2 撰写游戏设计文档 游戏特点 “打鼹鼠”是一个非常经典的Flash游戏，具体特点如下： （1）鼹鼠间隔一定时间随机从洞口出现，每次出现一只。 （2）玩家必须在鼹鼠出洞时间内，单击鼠标，打中它。 （3）玩家每打中一只鼹鼠，记一定的分数。 （4）游戏中在固定位置实时显示总得分。 （5）为各玩家之间公平起见，游戏总时间固定。 边学边做 根据“游戏特点”的提示和自己的观察撰写简要的设计目标文档。 10.1.2 确定实现思路 10.2 布置场景 Flash游戏是场景、图层、元件和代码结合的有机整体，这一节主要完成静态场景的布置工作。 10.2.1 背景制作 任务4 制作草地背景 任务要求 新建一个Flash文档，利用绘图工具制作有蓝天、白云和草地的背景。 任务分析 完全运用绘图工具制作背景，不但花费的时间长，而且绘制出的图形不一定理想，一般情况下，采用先导入相关素材，再对素材进行修改的方法。 任务5 制作鼹鼠洞 任务要求 新建一个图层，利用绘图工具绘制逼真的“鼹鼠洞” 。 任务5 制作鼹鼠洞 任务分析 首先使用绘图工具绘制一个“鼹鼠洞”，然后选中绘制好的“洞”，按住键盘上的【Ctrl】键同时拖动选中的图形复制，将“鼹鼠洞”布置好；为体现层次感，可以利用“任意变形工具”将远方的“鼹鼠洞”缩小和旋转。 边学边做 新建一个“鼹鼠洞”图层，在图层上随机放置6个“鼹鼠洞”，调整好大小体现出层次感。 10.2.2 元件制作 上一小节布置好了游戏的背景，接下来需要制作游戏中的主角——“鼹鼠”。 任务6 绘制卡通鼹鼠 任务要求 新建一个影片剪辑元件——“鼹鼠”，在元件内利用绘图工具绘制一只卡通鼹鼠。 10.2.2 元件制作 任务7 制作“鼹鼠出洞” 任务要求 在“鼹鼠”影片剪辑元件中制作卡通鼹鼠自下而上的动画。 任务分析 “打鼹鼠”游戏中，卡通鼹鼠间隔一定时间随机从洞口出现，每次出现一只，本任务的主要工作是制作“鼹鼠”从地下爬到地上和爬到地下的动画效果。首先将“任务6”制作的“卡通鼹鼠”图形转换成图形元件，将其拖拽至舞台中心下方；然后插入在舞台中心的“卡通鼹鼠”关键帧，利用运动补间生成动画即可。在帧操作的过程中，注意鼹鼠出现后要持续一段时间才可以爬到地下。 10.2.3 合成场景 草地背景、鼹鼠洞和卡通鼹鼠制作完成后，需要将它们整合到一起，制作出鼹鼠从洞里钻出的场景动画。 任务8 放置鼹鼠 任务要求 在影片中新建一个“鼹鼠”图层，在每个鼹鼠洞下方放置“鼹鼠”影片剪辑实例，实例名称：ys1~ys6。 任务分析 将元件从库中拖拽至舞台上称为创建元件实例，选中实例后可以在“属性”面板中指定实例的名称。 任务9 遮罩效果制作 任务要求 制作多只鼹鼠同时从洞中爬出的动画效果。 任务9 遮罩效果制作 任务分析 完成“任务8”后，测试影片可以看到多只鼹鼠在场景中运动的动画效果，接下来的主要工作是制作多只鼹鼠从洞中爬出的效果。与制作探照灯文字、闪动文字和旋转地球等Flash动画的实现原理类似，需要采用遮罩效果来实现。 在“鼹鼠”图层上方插入一个遮罩图层，将“鼹鼠”图层设置为被遮罩图层。根据“洞口”位置，在遮罩图层上绘制6个图形，这样在动画播放过程中，有图形的区域显示被遮罩层的动画，无图形的区域被遮掩起来，从而实现鼹鼠从“洞口”爬出的效果。 10.3 编写代码 布置好场景、制作出主要的元件后，开展游戏制作的另一格主要的工作——Action Script编程。 10.3.1 鼹鼠