二维动画

《二维动画》作品设计报告

（2014 / 2015 学年第二学期）

专业

学生姓名

班级学号

指导教师

日期

一、作品名称

绝望小游戏

二、作品描述

这个小游戏只有一关，但是却出乎意料的困难。一开始是游戏界面，点击开始即可进去开始游戏。首先可以注意到左上方的一只皮卡丘，游戏界面上还有许多图形在随意晃动。点击一下游戏画面，我们可以按住上下左右键控制皮卡丘的移动，但是特别要注意不能撞到这些障碍物，一旦撞到这些障碍物，面对皮卡丘的就是再来一局。然而胜利也很简单，只要我们控制皮卡丘不被球打中，走到finish就是胜利。但是虽说有胜利画面但是一般不会有人见到，所以说这是一个考验动手能力和反应能力的小游戏。

三、设计制作步骤

1.首先得考虑总体的构思。

整个游戏涉及到四个界面，第一个界面是开始选择进入游戏的界面，第二个界面是进行游戏的界面，第三个界面是游戏中失败再来一局的界面，第四个界面是赢得游戏的界面。并在此决定场景的第一帧是开始界面，第二帧是游戏界面，第三帧是失败界面，第四帧是胜利界面。

2.制作元件

元件的制作需要在网上寻找素材，我们的主要元件是游戏界面的元件，我们需要的元件只是几何图形，所以可以直接画出来，还需要画出游戏界面的四个边框。因为几个几何图形是可以随意走动的，所以我们需要新建几个影片剪辑元件，给这些元件设计好运动轨迹，然而这时候要注意元件运动轨迹不能超出边框的大小，所以需要我们仔细调试。元件越多会越复杂，所以这点也需要考虑。后面我们还需要设计三个按钮来开始游戏，重新进入游戏。也可以给这些界面增加一些图片增加趣味性。

3.游戏主界面的设计及代码编写

游戏主界面的代码编写主要有三个方面：

①人物的上下左右移动，首先不能忘了给元件命名，在这里我给人物元件命名为boy_mc。例如左键向左走的程序：

stage.addEventListener(KeyboardEvent.KEY_DOWN,downHandle);

function downHandle(e:KeyboardEvent):void {

switch (e.keyCode) {

case Keyboard.LEFT :

boy_mc.x-=10;

break;

这里是用键盘的事件所以用KeyboardEvent，一开始是所有程序开始的基本格式，后面语句的意思是每当按左键的时候，人物移动距离为10。

②人物不能超出四周的边框，在这里我们要用到碰撞检测的相关知识，就是在碰到一些物体时发生的一些反应，在这里我们可以让人物触碰到四周墙壁时往回弹一定的距离。给四面墙壁命名分别是topWall,butWall,leftWall和rightWall。

stage.addEventListener(Event.ENTER_FRAME,crash);

function crash(e:Event):void{if(boy_mc.hitTestObject(leftWall)){boy_mc.x+=20}

if(boy_mc.hitTestObject(topWall)){boy_mc.y+=20}

if(boy_mc.hitTestObject(butWall)){boy_mc.y-=20}

if(boy_mc.hitTestObject(rightWall)){boy_mc.x-=20}

Event.ENTER_FRAME是起到循环的作用。后面用碰撞检测的知识，上面的语句主要是讲当人物碰到墙壁时会往反方向跳动20的距离。

③碰撞几何体时，也会用到碰撞检测，每当人物碰到几何体时就会调到失败界面。

if(boy_mc.hitTestObject(enemy1_mc)){gotoAndPlay(3)}

if(boy_mc.hitTestObject(enemy2_mc)){gotoAndPlay(3)}

if(boy_mc.hitTestObject(enemy3_mc)){gotoAndPlay(3)}

if(boy_mc.hitTestObject(enemy4_mc)){gotoAndPlay(3)}

if(boy_mc.hitTestObject(enemy5_mc)){gotoAndPlay(3)}

if(boy_mc.hitTestObject(enemy6_mc)){gotoAndPlay(3)}

if(boy_mc.hitTestObject(enemy7_mc)){gotoAndPlay(3)}

这里的enemy就是指游戏中的几个几何图形，碰撞检测跳到第三帧，第三帧就是失败画面。

4.按钮的代码编写

①从开始界面到游戏主界面

Btn_start.addEventListener(MouseEvent.MOUSE_UP,startHandle);

function startHandle(e:MouseEvent):void{

gotoAndStop(2);

}

这里的Btn_start就是开始键，MOUSE_UP是鼠标抬起来时触发，且点击完跳到第二帧，就是游戏主界面。

②再来一次到主界面

stop();

Btn_again.addEventListener(MouseEvent.MOUSE_UP,againHandle);

function againHandle(e:MouseEvent):void{

gotoAndStop(1);

}

两次都差不多所以只写一次的了，当点击再来一次时跳到游戏开始界面。

总的来说，这四个步骤就是这次游戏制作的总步骤。当然游戏界面也可以进行适当的美化，以达到更好的用户体验。

四、思考与体会

还没有上flash课之前，我对flash基本没有了解。本以为flash只是教画画什么的，可是后来才发现flash并不是我想象的那么容易，想要完成一个好的flash作品，不仅需

要有一定的编程知识还要有足够的耐心。

Flash小游戏我们小时候接触的比较多，可以说当初选这门课也许是因为对童年的那种回忆吧。Flash游戏的优点就是体积小，操作方便，我想大家喜欢flash游戏的主要原因更是离不开这类游戏的有趣吧。

第一次上这门课的时候，我本以为我的编程基础差可能不能好好地学习这门课程，可是老师一开始就和我们说他会从头讲起从最基本的讲起，我才放心。我还记得第一次的游戏制作是相当于一个表白贺卡吧，当我做完的那一刻，我从没想到flash游戏制作能如此的让人激动。之后我对这门课产生了更加浓厚的兴趣，我在课余时间会找相关的资料进行了解，平常在宿舍也会找视频跟着做，虽然结果不都是完美的，但是我的兴趣却丝毫未减。 Flash游戏有三种元件，一种是图像，另一种是按钮元件，还有一种是影片剪辑。Flash 软件还有一个舞台，也就是之后的游戏主界面。游戏的程序编写是在每一帧的动作里。一个flash游戏的制作就像是炒菜，每种元件就像是炒菜的各种菜，舞台就像是一口锅，程序就是调料，表面上虽然看不见，但是调料却起到了决定性作用。

随着每一节课的学习，我越发感觉到这门课的魅力。虽然游戏设计过程一次比一次困难，但是老师每次都会细心讲解，给我们讲解这些游戏制作的小技巧，这些小技巧让我们走了不少弯路。平时没课的时候，有时候突然想到一个问题，就会到处问同学上网找资料，图书馆也没少走，顿时觉得自己的生活也可以这样充实。上机的时候，我们同学之间有问题也可以互相交流，显然当一个问题水落石出的时候每个人是最高兴的。

课越来越少了，期末学习也越来越紧张了，这门课也告一段落了。即便以后没有了Flash 游戏编程这门课程，自己也不会就此结束对Flash游戏编程的学习和钻研。自己在以后的学习钻研过程中，必然会遇到许多新问题，但是我认为靠自己才是最重要的，别人的永远是别人的不会是自己的，自己也是最了解状况的，所以充实自己才是最重要的。

这是我第一次自己完成一个作品，独自创作的成就感是无法想象的。独自创作一个作品远比别人创造的有意思的多。但是我自己没什么想象力，我觉得这是很致命的，一个游戏没有想象力的充盈，是不会吸引人的。一个好的点子可以说是一个游戏的灵魂，我可能并不会是一个好的游戏设计者，但是我觉得兴趣才是最重要的，我也希望我的努力能弥补这一点。