33Flash动画制作之贪食蛇游戏

1、Flash动画制作之贪食蛇游戏校名：福州三中成员名：林成凡（组长）、朱有海、陈世杰、魏翔燕指导教师：黄志刚摘要先设计动作脚本的编写方案，然后用Photoshop制作游戏封面，再加入音乐，接着绘制出蛇身及食物，最后完善动作脚本来实现游戏的互动功能。关键词：Flash 贪食蛇 游戏 正文：序:Flash 是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。它不仅能够制作出许多眩目多彩的效果,只要你肯赋予它一定的情景,它也会模拟出现实生活中的场景。特点： 1. 使用矢量

2、图形和流式播放技术。与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载,从而缓解了网页浏览者焦急等待的情绪。 2. 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,几K字节的动画文件已经可以实现许多令人心动的动画效果,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑下载迅速,使得动画可以在打开网页很短的时间里就得以播放。 3. 把音乐,动画,声效,交互方式融合在一起,并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash4.0的版本中已经可以支持MP3的音乐格式,这使得加入音乐的动画文件也能保持小巧的身材。 4. 强大的

3、动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,通过ACTION和FS COMMAND可以实现交互性,使Flash具有更大的设计自由度。 关于我们选择了这个课程与课题开展研究性学习以及我们的学习制作成果（FLASH拼图游戏）的原因，并不是多么伟大，多么具有科学价值或人文价值。我们只是想踏踏实实地学习一门技术，一门将来可能对这个信息社会具有重要意义的技术：Flash动画制作。作品简介: 作品是一个游戏，一个贪食蛇游戏。游戏很简单，首先点击游戏开始按钮，然后就进入游戏画面，通过方向键来控制贪食蛇的移动方向，当贪食蛇碰到墙壁，或者碰到了自己的身体，游戏就结束，并且根据玩家的成绩来给出相关的评

4、价。制作过程:. 前期准备工作1. 游戏所需位图格式图片制作（工具：PhotoShop CS2，负责组员：魏翔燕）为了制作精美的游戏片头画面，我们决定用草地加一只可爱的小蛇作为片头图片。因为组员的绘画能力有限，于是决定修改来自网络上的图片以作为游戏的片头图片。1. 从网络上找到小蛇的图片：2. 用Photoshop将其打开3. 选择魔术棒工具4. 将容差设置为1285. 按住Shift，点选小蛇周围的图像6. 右键点击选区，在弹出式菜单中选择“选择反向”选项7. 这样，就能轻松地选出小蛇来了。8. 然后按下Ctrl+X,剪切选出的小蛇这一部分9. 按下Ctrl + N,新建一份图像，如下图选择

5、10. 然后再新建的窗口中选择粘贴，小蛇的图像就被提取出来了。11. 最后，按下Ctrl + S 保存文件为PNG 格式，之所以保存为PNG格式，是因为PNG格式支持半透明，并且文件大小较小。2.游戏配乐寻找（负责组员：陈世杰）因为时间及能力上的限制，我们决定让陈世杰同学负责寻找游戏配乐，在陈世杰同学的努力寻找下，最终决定选择网络游戏跑跑卡丁车的游戏配乐作为我们游戏的配乐。. 游戏图像制作及加入音乐(工具:Flash 2008 Pro,负责组员:朱有海)1. 制作游戏封面1.将草地的图片和小蛇的图片导入到库中2.将图片从库中拖出，摆放好位置3.加入文字内容及按钮2.绘制蛇身及食物1.新建元件，

6、配置如下2. 进入元件绘制界面，选择椭圆工具3. 在混色器中选择好颜色 4.绘制出蛇身 5.用相同的方法绘制出食物3.加入音乐1.将音乐导入到库中2.选择开始播放音乐的关键帧，并修改其属性. 游戏脚本编辑(工具:Flash 2008 Pro,负责组员:林成凡) 1.场景脚本编辑 1.选中场景中Layer1图层的第一帧，在动作中加入如下代码：stop(); 2.在该图层的最后一帧中也加入相同的代码 3.在库中建立个影片剪辑，名为control 4. 进入影片剪辑设计界面5. 按照如下方式建立图层 6. 在以下位置写入相应的代码 图层：MainFunction 帧数 1 用途：初始化游戏变量x =

7、 198;y = 306;maxx = 540;minx = 18;maxy = 378;miny = 18;xm = 18;ym = 0;n = 10;i = 0;j = 0;/:score = 0;speed = 5.5;js = 0;isnow = false;图层：MainFunction 帧数 2 用途：设定第一个蛇身的位置setProperty(/snake, _x, x);setProperty(/snake, _y, y);图层：MainFunction 帧数 3 用途：产生新的食物foodx = int(Number(random(30)+1)*18;foody = int(

8、Number(random(20)+1)*18;setProperty(/food, _x, foodx);setProperty(/food, _y, foody);j = 1;while (Number(j)speed)i = Number(i)+1;j = Number(j)+1;if (Number(i)Number(n) i = 1;j = 1;set(oldx add j, getProperty(/snake, _x);set(oldy add j, getProperty(/snake, _y);duplicateMovieClip(/snake, snake add i, i

9、);k = j;if (Number(x) = Number(foodx) and Number(y) = Number(foody) /:score = Number(/:score)+5;n = Number(n)+1;gotoAndPlay(3);speed-=0.25;x = Number(getProperty(/snake, _x)+Number(xm);y = getProperty(/snake, _y)-ym;setProperty(/snake, _x, x);setProperty(/snake, _y, y);js=0;isnow=true;elsejs+;isnow=

10、false;图层：MainFunction 帧数 6 用途：判断蛇是否撞墙if (Number(x)Number(maxx) or Number(x)Number(maxy) or Number(y)Number(miny) gotoAndStop(lose); else gotoAndPlay(4);图层：MainFunction 帧数 7 用途：游戏结束并进行评价if(/:score=50)&(/:score=80)&(/:score100)pj.text=你是人？比外挂还厉害。;removeMovieClip(/snake);i = 1;while (Number(i)=Number(n

11、) removeMovieClip(/snake add i);i = Number(i)+1;图层：判断首尾相接 帧数 5 用途：进行首尾相接判断 if(isnow=true)call(judge);图层：判断首尾相接 帧数 7 用途：进行首尾相接判断j = 1;while (Number(j)Number(n) if (x=get(oldx add j) and y=get(oldy add j) re = 1;j = Number(j)+1;j = k;if (Number(re) = 1) gotoAndStop(lose); 7.创建按钮元件symbol，添加到按钮所在图层的第3帧，

12、选择并加入以下代码： on (keyPress ) if (Number(control) = 3) ym = -18;xm = 0; else ym = 18;xm = 0;control = 1;on (keyPress ) if (Number(control) = 4) ym = 0;xm = 18; else ym = 0;xm = -18;control = 2;on (keyPress ) if (Number(control) = 1) ym = 18;xm = 0; else ym = -18;xm = 0;control = 3;on (keyPress ) if (Number(control) = 2)