基于As3.0的“青蛙跳”游戏的设计与实现
六、设计目标：
本次设计是制作的一个测试智力的小游戏--“青蛙跳”。通过单击鼠标移动两边的青蛙，让左边的小青蛙与右边的小青蛙位置互换，其中包括两个动画效果，一个是跳，另一个是跃，他们都是通过逐帧动画来实现。而要使两边的青蛙互换，就要通过Actionscript3.0语句进行控制，最终效果如下图：
游戏开始界面：
游戏完成界面：
七、设计方案：
这个动画可以按照绘制背景、创建元件、布局场景和添加Actionscript语句4个步骤来完成，首先需要绘制一个荷塘月色的背景画面，然后在绘制该动画中要出现的“动画角色”，如青蛙等，并将场景中的元件、图形放置在相应的位置，最后在为对象添加动作语句，其中最重要的步骤就是添加Actionscript语句，它是实现这个游戏的关键所在，它是根据整个游戏规则来编辑的。其游戏规则是：只要前面有空位置，青蛙就能跳到该位置上，且一次只能跳一格，或越过一个障碍跳一格，但不能反向跳动。直到左边的青蛙与右边的青蛙位置互换才算成功。中途若单击到不能跳或不能跃的青蛙，或者玩到无退路的情况，可单击“再来一次”从新开始游戏。
八、设计步骤：
（三）、制作背景：
使用Flash cs5.5 面板中的基本绘图工具绘制游戏中的背景，并填充多彩的颜色，主要应用的知识点包括Flash动画的基础知识、绘图与编辑图形、填充颜色以及图层的基本操作。
具体步骤如下：
7、新建一个Flash文件（Actionscript3.0），设置大小为750*300像素，将背景颜色设置为白色。保存文件，命名为“青蛙跳.fla”。
8、在图层1中使用矩形工具在场景中画一个矩形（750*150）代表夜空，并设置矩形大小和颜色。
9、在夜空中（刚才所绘制的矩形）绘制一些白色点和一个圆代表星星和月亮。
10、在用矩形工具在场景中绘制矩形(750*150)代表小河，并设置颜色和大小。
11、在小河中绘制一个白色线条作为河水，并绘制一些小草形状的图形，设置小草的填充颜色，并将小草复制多个，移动到河边，然后再河边绘制草堆和土坡。
12、绘制的背景图片的最终效果如下图所示：
（四）、创建元件:
创建动画中的主要原件：青蛙跳的影片剪辑元件、再来一次的按钮元件、青蛙跳的台阶元件等。
（3）、先将所绘制的背景图片转换为图形元件
Ctrl+A选中场景中所有图形，按F8将其转换为图形元件并，命名为“背景”。
（4）、创建“再来一次”的按钮元件：
（3）、创建一个“过关”的图形元件：
（8）、创建名为“按钮与文件”的影片剪辑元件：
将“再来一次”按钮和“过关”图形，以及事先导入到库中的“lihua.gif”图片，拖入场景，并设置按钮的滤镜效果中，如下图：
（9）、创建“台阶”影片剪辑元件：
在场景中用矩形工具绘制一个大小为“51*20”像素的矩形，边框为黑色。
（10）、创建“青蛙”影片剪辑元件:
创建“青蛙”元件，在图层1第一帧处绘制青蛙的大致形状并填充颜色，命名图层1为“身体”，在1-10帧出分别绘制青蛙不同的动作和位置，作为“跳”的动作；新建图层2，命名为“身体2”，在图层2的11-20帧绘制青蛙的不同动作和位置，作为“跃”的动作，如下图所示：
（11）、同步骤（6）创建一个“青蛙1”影片剪辑元件，将青蛙身体设置成另外的颜色：
效果如下图所示：
（五）、场景布局：
将整个动画中所用到的元件拖放到场景中，与背景相搭配、映衬，并为某些元件设置滤镜，使之看起来有立体感。再在属性面板中为某些需要添加语句的元件实例命名，具体步骤如下。
创建“青蛙图层”和“台阶图层”
将“青蛙”和“青蛙1”从左至右相对放置，并命名为f1,f2,f3,f4,f5,f6。将“台阶”从左至右放置，放置7个，每两个之间大概100像素距离，并命名为p1,p2,p3,p4,p5,p6,p7。
创建“复位图层”和“重新开始图层”
将按钮元件“再来一次”放到“复位图层”，并实例名为“reset”。将“按钮和文字”元件放到“重新开始图层”实例名为“success”。如下图所示：
Flash动画制作课程设计报告
