快精灵印艺坊 您身边的文印专家
广州名片 深圳名片 会员卡 贵宾卡 印刷 设计教程
产品展示 在线订购 会员中心 产品模板 设计指南 在线编辑
 首页 名片设计   CorelDRAW   Illustrator   AuotoCAD   Painter   其他软件   Photoshop   Fireworks   Flash  

 » 彩色名片
 » PVC卡
 » 彩色磁性卡
 » 彩页/画册
 » 个性印务
 » 彩色不干胶
 » 明信片
   » 明信片
   » 彩色书签
   » 门挂
 » 其他产品与服务
   » 创业锦囊
   » 办公用品
     » 信封、信纸
     » 便签纸、斜面纸砖
     » 无碳复印纸
   » 海报
   » 大篇幅印刷
     » KT板
     » 海报
     » 横幅

Flash游戏制作:贪食蛇经典游戏新手教程

  这是我写的第一个游戏。。功能还没完善。。只有最基本的功能。。先把大致的拿上来让大家看看先。
效果及源文件:贪吃蛇.rar

http://www2.flash8.net/UploadTeach/2006/04/18/2006418111450481.swf

« Full Screen »


其实整个游戏一共要解决几个问题。
1。如何让蛇根据键盘的方向移动?
2。如何让食物随机分布?
3。如何让蛇遇到食物的时候食物消失蛇身加长?
4。如何移动框外或者遇到蛇身就就GAME OVER。 先说第一个问题
。1。如何让蛇根据键盘的方向移动?先将复杂的问题简朴化。就一个MC而言。我们如何通过键盘移动呢?
新建MC。。并将起命名成 snakehead(蛇头)然后在新建一层。命名成AS层。。。
在帧上写上 function onEnterFrame(){//以帧的频率调动以下代码
if (Key.isDown(65)) {//假如键盘按下去的时候 让snakehead命名的MCx轴坐标减10 
snakehead._x-=10; } if (Key.isDown(68)) { snakehead._x+=10; } if (Key.isDown(87)) 
{ snakehead._y-=10; } if(Key.isDown(83)) { snakehead._y+=10; } }  
下面来讲将一些主要的知识点:function onEnterFrame(){这是什么意思?他的意思就是FLASH一秒种走过多少帧他一秒就执行多少吃里面的代码。。我们用他来随时检测键盘上的按钮是不是被按下。。。 
key.isDown(68)有是什么意思?他的意思就是说Key就代表键盘的意思。isDown就是说。键盘上的键被按下。。(68)就是指什么键了。。这里的68是 ASCII 键控代码值不清晰的朋友可以查一下FLASH的帮助。。。 
通过以上的讲应该可以明白了用键盘怎么控制影片裁剪的移动了吧。
复制出来的蛇的身体。。在检测碰状的时候不需要检测蛇的身体是否与食物碰状。。只检测蛇头是否和食物碰状。。
我在解释下这个语句吧。
if (_root.snakehead.hitTest(_root["mcfood"+j])) {  
//判定蛇是否和食物遇到了  
n++;  
removeMovieClip(_root["mcfood"+j]);  
zynum += 10;  
j++;  
mcfoodAdd();  
}  
将其翻译成中文便于理解。
假如(主时间帧的snakehead影片裁剪与主时间帧上的名为“mcfood"+j的影片裁剪相交){
n=n+1 
删除主时间帧上的名为“mcfood"+j的影片裁剪;
变量为zynum的数值+10。
j=j+1; 
调用函数mcfoodAdd();调用这个函数的目的是在于随机在出现次食物
}
讲一讲如何让食物随机分布吧。说到随机分布。大家想到的第一个想法就是随机函数。虽然FALSH现在不太推荐用random而推荐用Math类的Math.random();属性。因为后者随机更加精确。。。但我这需要的是一个整值。。所以还是使用random.以下是这一部分的代码。 
function mcfoodAdd() {  
//食物随机出现函数  
_root.attachMovie("mcfood", "mcfood"+j, 100+j);  
//加载库中的mcfood到主场景。将其命名为“mcfood"+j.设定深度为 100+J;  
_root["mcfood"+j]._x = random(50)*10+31;  
//设定影片的X坐标  
_root["mcfood"+j]._y = random(50)*10+31;  
//设定影片的Y坐标  
}  
花点时间把所有语句来个具体说明。希望对大家有所帮助。。原创作品希望大家支持呀!!!! 
function onEnterFrame() {  
if (tm == 0) {//让食物刚开始只出现一次其中。tm就是用来判定场景里面是否有食物  
mcfoodAdd();//假如没有的话调用事物函数。随机产生一个食物  
tm = 1;//将tm改成1说明场景已经有食物加载上去了  
}  
function mcfoodAdd() {  
//食物随机出现函数  
_root.attachMovie("mcfood", "mcfood"+j, 100+j);  
//复制元件里面的连接名为“mcfood"的影片裁剪。分别命名成不同的名字和深度  
_root["mcfood"+j]._x = random(50)*10+31;//新产生的随即X坐标  
_root["mcfood"+j]._y = random(50)*10+31;//新产生的随即Y坐标  
}  
i++;  
if (i>=n) {  
//判定蛇是否够长  
i = 1;  
}  
_root["snakehead"+i]._alpha -= 10;//设定新产生的蛇身透明度小一点  
for (k=0; k<=n; k++) {//用来遍历蛇头是否遇到蛇身  
if (snakehead.hitTest(_root["snakehead"+k])) {//假如遇到就OVER  
gotoAndStop("gameover");  
}  
}  
if(snakehead._x<28){//是否到达

边界  
gotoAndStop("gameover");  
}  
if(snakehead._x>520){//是否到达边界  
gotoAndStop("gameover");  
}  
if(snakehead._y>520){//是否到达边界  
gotoAndStop("gameover");  
}  
if(snakehead._y<28){//是否到达边界  
gotoAndStop("gameover");  
}  
if (Key.isDown(65)) {//键盘键是否按下  
if (xm != 10) {//当蛇向右移动的时候不能够反方向移动  
xm = -10;  
ym = 0;  
}  
}  
if (Key.isDown(68)) {//键盘键是否按下  
if (xm != -10) {//当蛇向左移动的时候不能够反方向移动  
xm = 10;  
ym = 0;  
}  
}  
if (Key.isDown(87)) {//键盘键是否按下  
if (ym != 10) {当蛇向下移动的时候不能够反方向移动  
xm = 0;  
ym = -10;  
}  
}  
if (Key.isDown(83)) {//键盘键是否按下  
if (ym != -10) {当蛇向上移动的时候不能够反方向移动  
xm = 0;  
ym = 10;  
}  
}  
if (_root.snakehead.hitTest(_root["mcfood"+j])) {  
//判定蛇是否和食物遇到了  
n++;  
removeMovieClip(_root["mcfood"+j]);//将食物删除  
zynum += 10;//初使化工作  
j++;  
mcfoodAdd();  
}  
}  
这里面提到的XM。。和YM是蛇在刚开始的时候的移动速度。。 
初始的时候 
xm=10;ym=0;
然后在 
function onEnterFrame(){//反复执行  
snakehead._x+=xm;//将蛇的X坐标以帧频的速度一次加10个象数  
}  
这样的话。蛇就象右边移动。。 
这样的话当按钮被按下去的时候。改变XM。或者YM的数值的话就相称与改变了蛇的运动方向。 
前面加个判定的目的是为了让蛇不能反方向移动。因为假如一反方向移动蛇头就遇到了蛇身了。 
这样不符合现实的状况。。 
希望你能听懂。 
星期六星期天休息在加玩轩辕剑没上来^_^不好意思。。 
希望你能懂。。。 
下面附上两个源文件。一个是没加按钮控制方向的一个是可以控制方向的。 
你比较下。 
键盘控制移动.rar
自动移动.rar


返回类别: Flash教程
上一教程: 用Flash建站的通用思路及步骤
下一教程: Flash视频教程:跳动的心

您可以阅读与"Flash游戏制作:贪食蛇经典游戏新手教程"相关的教程:
· Flash MX 2004实例制作视频教程:太空战记游戏(3)
· Flash MX 2004实例制作视频教程:七巧板互动游戏(3)
· Flash游戏制作常用代码解析(图)
· Flash MX 2004实例制作视频教程:太空战记游戏(4)
· Flash MX 2004实例制作视频教程:太空战记游戏(2)
    微笑服务 优质保证 索取样品