二维动画课程设计

1、二维动画课程设计课程设计报告课程名称： 二维动画课程设计 实验项目名称：基于AS3.0的游戏设计院系： 物理与电子信息学院 学号： 090804006 姓名： 廖 伟 民 班级： 09数字媒体技术 日期： 2011 年 1 月 实验地点： 课程设计成绩： 实验指导教师签字： 基于AS3.0的游戏设计一、 序言1课程设计目标二维动画课程设计旨在教授学生基本的设计原理和思路,并能发挥学生的个人创意能力,运用Flash软件和一些常用辅助软件,设计制作flash动画作品,并特别强调学生的创新能力和动手能力。本课程设计要求学生在接受课堂理论知识学习之后,能熟练利用Flash软件制作相关的动画.2、设计主

2、题1.基于AS3.0制作一个打飞机小游戏。 2.主要运用Flash CS4软件和PhotoShop CS3图片处理软件。3、游戏简介这是利用flash cs4基于AS3.0代码设计的一款简单的打飞机游戏，这款游戏借鉴了经典的打鸭子游戏的一些做法，再结合自己的一些想法设计出来的。用Adobe Flash Player打开游戏后，按开始键，我们会看到：敌机在空中来回飞行，按左右上下箭头键控制飞机炮在空中左右上下移动，按下空格键发射子弹，击中敌机后，敌机爆炸。当被敌机碰到后，飞机爆炸，游戏结束，或是当击落的敌机达到100架后，游戏结束。界面元素如下游戏界面中的三个文本框分别为：得分：记录击中的敌机数

3、；剩余子弹：记录子弹的数量；级别：记录游戏的难度等级，总9级，级别越高难度越大。二、游戏结构1、游戏运行过程图：2、全部文件及作用图：游戏文件AirRaid.fla 主文件，程序界面及元件，绑定了文档类 AirRaid.as 。AirRaid.as 文档类，程序的入口，控制整个程序的逻辑顺序，逻辑结构关系。AAGun.as 绑定库中的火炮的类，控制火炮AirPlane.as 绑定库中的敌机的类，控制飞机Bullet.as 绑定库中的子弹的类，控制子弹3、游戏中各图层名称及作用游戏中的主文件AirRaid.fla文件，分为7个图层4帧，帧上有代码，绑定了文档类 AirRaid.as 。1、背景2

4、层：一下雨时候的海面的上空。2、背景层：在第二帧游戏开始时显示下雨效果。3、成绩显示层：得分： 动态文本，实例名 showScore ；剩余子弹： 动态文本，实例名 showShots； 级别：动态文本，实例名称 showjb。4、按钮及提示层：第1帧：开始按钮及说明，按钮实例名：startButton。第3帧：重新开始按钮及结束提示，按钮实例名 playAgainButton。第4帧：重新开始按钮及结束提示，按钮实例名 playAgain。5、as(代码)层：4帧每帧都有代码，具体代码将在下面解释。6、背景音乐层：在游戏开始时播放背景音乐。7、标签层：第1帧：标签名称intro；第2帧：标签

5、名称play；第3帧：标签名称gameover ；第4帧：标签名称gamewin。三、设计步骤1、制作游戏必须的素材和准备工作首先按前面游戏结构中说明的那样，建好五个文件分别为：AirRaid.fla、AirRaid.as、AAGun.as、AirPlane.as、Bullet.as。AirRaid.fla文件与文档类AirRaid.as绑定，在AirRaid.fla文件中新建9个影片剪辑分别为：AAgun：在里面制作飞机炮并将类名命名为AAgun，与外面的AAgun.as绑定。Airplane: 1-5帧每帧一个飞机图形。第6-9帧爆炸图形并添加爆炸声音，有标签：explode 第10帧有代

6、码parent.removeChild(this);stop();（解释：parent 是父容器 this 是自身removeChild 是移除。这句代码的意思是通知父容器把它从显示界面移除。就是说当子弹击中敌机，敌机播放爆炸效果。播放到第10帧时，就通知它的父容器把它从屏幕上移除。),类名为Airplane。bullet:绘制子弹，类名为bullet。yudi：制作下雨动画；先制作好一个雨滴，将类名命名为yd_mc,在代码层写var bl;var sj:Timer=new Timer(Math.random()*500+500,10);sj.addEventListener(TimerEve

7、nt.TIMER,sjcd);sj.start();function sjcd(event:TimerEvent) for (var b=0; b5; b+) var yd:yd_mc=new yd_mc();addChildAt(yd,bl);yd.x=Math.random()*550;yd.y=Math.random()*100;bl+;begin：制作游戏开始时的说明,在按钮及提示层第一帧拖到主场景，并命名为p3_mc。fail：制作游戏失败时的说明，在按钮及提示层第三帧拖到主场景，并命名为p1_mc。win：制作游戏胜利时的说明。在按钮及提示层第四帧拖到主场景，并命名为p2_mc。d

8、fj：制作打飞机游戏的图片。在按钮及提示层第一帧拖到主场景，并命名为p4_mc。sy：导入背景音乐，在背景音乐层第二帧拖到主场景。然后再制作一个按钮命名为BasicButton，到这里只要再把需要的背景图片和声音导入，制作游戏所需要的素材全部制作好了。2、游戏中各图层中的一些代码的书写和解释在前面游戏结构中已经说明了主场景中各图层的作用和关系，现在就游戏中各图层中的一些代码的书写进行说明并解释。（1）、as（代码）层的每帧代码及解释：第1帧代码：import flash.events.MouseEvent;stop();startButton.addEventListener(MouseEve

9、nt.CLICK,clickStart);function clickStart(event:MouseEvent) gotoAndStop(play);解释：给startButton注册了鼠标点击事件，用clickStart方法来实现，点击startButton按钮就把影片转到第2帧上游戏的进行界面。第2帧代码：stop();startAirRaid();解释：调用文档类的startAirRaid方法，执行这个方法，就会生成敌机，火炮，接受用户的键盘操作事件来生成子弹等一系列操作。第3帧代码：playAgainButton.addEventListener(MouseEvent.CLICK,

10、clickPlayAgain);function clickPlayAgain(event:MouseEvent) gotoAndStop(play);解释：给playAgainButton注册了鼠标点击事件，用clickPlayAgain方法实现，点击playAgainButton按钮跳转到第2帧。第4帧代码：playAgain.addEventListener(MouseEvent.CLICK,clickPlay);function clickPlay(event:MouseEvent) gotoAndStop(play);解释：给playAgain注册了鼠标点击事件，用clickPlay

11、Again方法实现，点击跳转playAgain按钮到第2帧。 （2）、按钮及提示层的各帧代码及解释：第1帧代码import fl.transitions.*;import fl.transitions.easing.*;TransitionManager.start(p3_mc,type:Fade, direction:Transition.IN, duration:3, easing:None.easeNone);TransitionManager.start(p4_mc,type:PixelDissolve, direction:Transition.IN, duration:6, eas

12、ing:None.easeNone, xSections:100, ySections:50);解释：用淡入的效果显示p3_mc影片剪辑看，用像素溶解的效果显示p4_mc影片剪辑。 第3帧代码import fl.transitions.*;import fl.transitions.easing.*;TransitionManager.start(p1_mc,type:PixelDissolve, direction:Transition.IN, duration:2, easing:None.easeNone, xSections:100, ySections:50);解释：用像素溶解的效果

13、显示p1_mc影片剪辑。 第4帧代码import fl.transitions.*;import fl.transitions.easing.*;TransitionManager.start(p2_mc,type:Zoom, direction:Transition.IN, duration:2, easing:Elastic.easeOut);解释：用弹性缩放的效果显示p2_mc影片剪辑。（3）、游戏制作中各脚本类的编写和作用编写AirRaid.as类AirRaid类是游戏的控制器，绑定AirRaid.fla 。负责生成界面上的飞机、飞机炮、子弹。显示得分、子弹的剩余数量和级别。注册了键盘

14、按下，释放侦听器，接收用户的键盘操作。注册了进入帧事件侦听器，进行碰撞检测。定义一个飞机计时器，随机生成飞机。检测剩余子弹的数目，当子弹数为零或飞机炮敌机相撞时游戏结束，移除界面上的飞机，火炮，跳转到游戏失败界面，当击落的敌机数为100时游戏结束，移除界面上的飞机，火炮，跳转到游戏成功界面。（代码如下）package import flash.display.MovieClip;import flash.display.SimpleButton;import flash.events.KeyboardEvent;import flash.utils.Timer;import flash.eve

15、nts.TimerEvent;import flash.text.TextField;import flash.events.Event;public class AirRaid extends MovieClip private var speed:Number;private var aagun:AAGun;/飞机炮 private var airplanes:Array;/飞机数组 private var bullets:Array;/子弹数组 public var leftArrow,rightArrow,upArrow,downArrow:Boolean;private var ne

16、xtPlane:Timer;/不定时生成飞机的计时器 private var shotsLeft:int;/得分文本 private var shotsHit:int;/子弹数文本 private var jibie:int;/得分文本 public function startAirRaid() / 初始化得分数、子弹数和级别jibie=1;shotsLeft=300;shotsHit=0;showGameScore();/ 生成飞机炮加入到舞台上aagun = new AAGun();addChild(aagun);/ 生成飞机、子弹数组 airplanes = new Array();b

17、ullets = new Array();/ 键盘按下、释放事件侦听器 stage.addEventListener(KeyboardEvent.KEY_DOWN,keyDownFunction);stage.addEventListener(KeyboardEvent.KEY_UP,keyUpFunction);/ 进入帧事件侦听器，检测子弹击中飞机和敌机飞机炮的碰撞检测。 addEventListener(Event.ENTER_FRAME,checkForHits);addEventListener(Event.ENTER_FRAME,checkForHit);/ 生成下一架飞机 set

18、NextPlane();/根据级别的不同不定时生成飞机 public function setNextPlane() if (shotsHit 10 & shotsHit20 & shotsHit30 & shotsHit40 & shotsHit50 & shotsHit60 & shotsHit70 & shotsHit80 & shotsHit90 & shotsHit.5) var side:String=left; else side=right;var altitude:Number=Math.random()*50+20; /根据级别的不同，敌机的飞行速度的设定if (jibie

19、2&jibie4&jibie6) speed=Math.random()*225+225;/ 生成飞机 var p:Airplane=new Airplane(side,speed,altitude);addChild(p);airplanes.push(p);setNextPlane(); / 敌机和飞机炮的碰撞检测 public function checkForHit(event:Event) for (var airplaneNum:int=airplanes.length-1; airplaneNum=0; airplaneNum-) if (aagun.hitTestObject(

20、airplanesairplaneNum) airplanesairplaneNum.planeHit();endGame();/ 子弹和敌机的碰撞检测 public function checkForHits(event:Event) for (var bulletNum:int=bullets.length-1; bulletNum=0; bulletNum-) for (var airplaneNum:int=airplanes.length-1; airplaneNum=0; airplaneNum-) if (bulletsbulletNum.hitTestObject(airpla

21、nesairplaneNum) airplanesairplaneNum.planeHit();bulletsbulletNum.deleteBullet();shotsHit+;showGameScore();break; /当击落的敌机数位100时，游戏成功，结束if (shotsHit = 100) winGame(); /当子弹为零时，游戏失败，结束if (shotsHit != 100) & (shotsLeft = 0) endGame();/ 按下键盘 public function keyDownFunction(event:KeyboardEvent) if (event.k

22、eyCode=37) leftArrow=true; else if (event.keyCode = 39) rightArrow=true; else if (event.keyCode = 38) upArrow=true; else if (event.keyCode = 40) downArrow=true; else if (event.keyCode = 32) fireBullet();/ 释放键盘 public function keyUpFunction(event:KeyboardEvent) if (event.keyCode=37) leftArrow=false;

23、else if (event.keyCode = 39) rightArrow=false; else if (event.keyCode = 38) upArrow=false; else if (event.keyCode = 40) downArrow=false;/ 生成新的子弹 public function fireBullet() if (shotsLeft=0; i-) airplanesi.deletePlane();airplanes=null;aagun.deleteGun();aagun=null;/ 移除侦听器 stage.removeEventListener(Ke

24、yboardEvent.KEY_DOWN,keyDownFunction);stage.removeEventListener(KeyboardEvent.KEY_UP,keyUpFunction);removeEventListener(Event.ENTER_FRAME,checkForHits);removeEventListener(Event.ENTER_FRAME,checkForHit);nextPlane.stop();nextPlane=null;gotoAndStop(gameover);public function winGame() / 移除飞机 for (var i

25、:int=airplanes.length-1; i=0; i-) airplanesi.deletePlane();airplanes=null;aagun.deleteGun();aagun=null;/ 移除侦听器 stage.removeEventListener(KeyboardEvent.KEY_DOWN,keyDownFunction);stage.removeEventListener(KeyboardEvent.KEY_UP,keyUpFunction);removeEventListener(Event.ENTER_FRAME,checkForHits);removeEve

26、ntListener(Event.ENTER_FRAME,checkForHit);nextPlane.stop();nextPlane=null;gotoAndStop(gamewin);编写AAGun.as类AAGun类：邦定库中的飞机炮元件，控制飞机炮的初始位置和向左、向右、向上、向下移动，检测边界，飞机炮的消毁。（代码如下）package import flash.display.*;import flash.events.*;import flash.utils.getTimer;public class AAGun extends MovieClip static const sp

27、eed:Number=150.0;private var lastTime:int;/ 控制移动的Timer public function AAGun() / 飞机炮的初始位置 this.x=275;this.y=340;/运动 addEventListener(Event.ENTER_FRAME,moveGun);public function moveGun(event:Event) / 得到时差 var timePassed:int=getTimer()-lastTime;lastTime+=timePassed;/ 现在的位置 var newx=this.x;var newy=thi

28、s.y;/ 移动到左边 if (MovieClip(parent).leftArrow) newx-=speed*timePassed/1000;/ 移动到右边 if (MovieClip(parent).rightArrow) newx+=speed*timePassed/1000;/ 移动到上边 if (MovieClip(parent).upArrow) newy-=5;/ 移动到下边 if (MovieClip(parent).downArrow) newy+=5;/ 检测边界 if (newx540) newx=540;if (newy380) newy=380;/ 更新位置 thi

29、s.x=newx;this.y=newy;/ 移除屏幕上的飞机炮和事件 public function deleteGun() parent.removeChild(this);removeEventListener(Event.ENTER_FRAME,moveGun);编写Airplane.as类Airplane类：邦定库中的飞机元件。随机产生飞机，随机的速度，产生5种飞机样式，检测是否飞出边界，检测被子弹击中。自动毁灭和爆炸效果。（代码如下）package import flash.display.MovieClip; import flash.events.TimerEvent; imp

30、ort flash.utils.Timer; import flash.utils.getTimer; import flash.events.Event; public class Airplane extends MovieClip private var dx:Number; / 飞机的速度、方向 private var dy:Number; private var lastTime:int; / 控制移动的Timer /左右移动 public function Airplane(side:String, speed:Number, altitude:Number) var bl; if

31、 (side = left) this.x = -50; / start to the left for (var b=0; b300) dy =-1/3*Math.random()*speed; else dy =-1/3*Math.random()*speed; dx =speed; bl+; this.scaleX = -1; / reverse else if (side = right) this.x = 600; / start to the right for (var a=0; a300) dy =-1/3*Math.random()*speed; else dy =-1/3*

32、Math.random()*speed; dx =-speed; bl+; this.scaleX = 1; this.gotoAndStop(Math.floor(Math.random()*5+1); addEventListener(Event.ENTER_FRAME,movePlane); lastTime = getTimer(); /检测边界 public function movePlane(event:Event) var timePassed:int = getTimer()-lastTime; lastTime += timePassed; / 飞机的移动 this.x +

33、= dx*timePassed/1000; this.y += dy*timePassed/1000; / 飞机的移除 if (dx 0) & (x 0) & (x 600) deletePlane(); / 检测碰撞，子弹击中飞机跳转到帧标签explode演示爆炸动画。 public function planeHit() removeEventListener(Event.ENTER_FRAME,movePlane); MovieClip(parent).removePlane(this); gotoAndPlay(explode); / 移除舞台上的飞机和事件 public functi

34、on deletePlane() removeEventListener(Event.ENTER_FRAME,movePlane); MovieClip(parent).removePlane(this); parent.removeChild(this); 编写Bullet.as类邦定库中的子弹元件。控制子弹的飞行方向，检测子弹是否飞出屏幕。（代码如下）package import flash.display.MovieClip; import flash.events.Event; import flash.utils.getTimer; import flash.utils.Timer;

35、 import flash.events.TimerEvent; public class Bullet extends MovieClip private var dy:Number; / 子弹的速度、方向。 private var lastTime:int; public function Bullet(x,y:Number, speed: Number) / 初始位置 this.x = x; this.y = y; / 得到速度 dy = speed; / 动画 lastTime = getTimer(); addEventListener(Event.ENTER_FRAME,moveBullet); public function moveBullet(event:Event) / 得到时差 var timePassed:int = getTimer()-lastTi