论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Flash AS编程教程
Tag:2.0,3.0菜鸟,游戏,,cs,技巧,源码,,文本,文字,函数,音乐,随机,拖拽,asp,access,xml,mc,视频教程

ActionScript 3.0 游戏开发之打气球 PART(一)

文章类别:Flash AS编程 | 发表日期:2008-10-6 18:13:49


ActionScript 3.0 游戏开发之打气球 PART(一)        ActionScript 3.0 游戏开发之打气球 PART(二)

     好久没有写正经的文章了,这次打算写个打气球的文章,分为几部分写,其实是想写细点,其中很多方法,会扩展开讲.具体的提纲为以下:
     1,瞄准镜的产生   (类似attachMovie在AS3中该如何表现?)
     2,飞翔的气球    (怎么飞?随机飞,随机速度又怎么表现?该如何记时?)
     3,打气球   (怎么算打中?打中后,气球爆炸怎么表现?声音呢?)
     4,给我个计数器  (计算打中的,飞走的,甚至击中概率)
     5,成与败   (怎么算胜利?怎么算失败?如何表现)
     6,完善     (结尾)

 

 


 

 
1,瞄准镜的产生   (类似attachMovie在AS3中该如何表现?)
     刚开始看AS3.0,估计从AS2过来的人都会有这样的慌张,attachMovie这么命令没了,那我怎么能把库里的实例弄出来呢?层次又该怎么办?别慌张,我们从打气球的游戏制作慢慢讲.
    首先在舞台上画一个圆圈加十字线,就当是瞄准镜.但是这里有两种画法,第一种是十字线相交,第二种是十字线不相交,如下图.
  点击在新窗口中浏览此图片
   为什么我要说有两种呢?因为这两种用发不同,后面我会讲到.不过这里我用的是不相交的那种瞄准镜.我们把这个瞄准镜做成实例命名aim ,扔到库里,并把舞台上的删除.接着按F11,弹出库面版,右键点aim,然后点Linkage,然后如下图选择填写:
 点击在新窗口中浏览此图片
   接着回到舞台,按F9,在动作面板里写下如下代码:


var aims:MovieClip;
aims= new aim();
addChild(aims);

   以上代码就是像类似AS2里的attachMovie就可以把库里的实例用Linkage给调用到舞台上.如果你要调用其他的实例,都可以这么做,不过就是命名不同而已.如果在封装类里写,形式也是同样的.
   AS3讲究容器,所以需要addChild这语句把当前的实例放到容器里.这样瞄准镜就出现了在舞台上,但是我们的要求不单单如此,我们需要那个瞄准镜头跟着鼠标动.那么继续以下代码:

Mouse.hide();
stage.addEventListener(MouseEvent.MOUSE_MOVE,aimMove);
function aimMove(e:MouseEvent):void{
 aims.x = this.mouseX;
 aims.y = this.mouseY;
}


    我们需要鼠标就是瞄准镜,那么原来那个箭头图需要取消,所以用了hide,然后舞台上要监听鼠标移动.然后根据监听,把当前的鼠标位置传达给瞄准镜.这样,我们第一部分就完成了,很简单.
    下载:
下载文件
点击这里下载文件




2,飞翔的气球    (怎么飞?随机飞,随机速度又怎么表现?该如何记时?)
    武器有了,那么该是猎物出现了.气球该出来了,不过,我们先停下,思考一下气球该怎么出来?当然是从下往上飞,然后呢?一下子飞出来几个?共要飞几个?那就一秒一个吧,共飞10个.好了,先思考到这里.等下继续.不过别忘了,先在舞台上画个气球.然后按照第一步所写的,扔到库里.
    一秒一个,共飞10个,那么我们就要用到TIMER类,这个是AS2没有的,代码如下:

var t:Timer;
var ballNumber:uint = 10;    
t = new Timer(1000,10);
t.addEventListener(TimerEvent.TIMER,ballgo);
t.start();

     这样一秒一个,共10个算是写出来了,不过还没完,每秒调用时间时,我该干点啥还没写呢,继续:

var balls:MovieClip;
function ballgo(e:TimerEvent):void {
 balls = new ball();
 addChild(balls);
              //小球随机出现在Y轴300的地方,主要是为了方便查看,是否调用成功.
 balls.x = stage.stageWidth*Math.random();
 balls.y = 300;
}
 
     这样,小球就挨个的以每秒一个出现在舞台上,但是我们还不满足,毕竟那是气球啊,应该向上飞的.好,继续加入代码,先放速度,目前放统一的速度

var speed:uint= 5;

     然后在刚才的 ballgo FUNCTION里继续加代码:

    balls.addEventListener(Event.ENTER_FRAME,ballFly);

    加完后,写ballFly .

function ballFly(e:Event):void {
 e.target.y -= speed;
}

     测试一下,哈哈,气球在往上飞了,不过可以注意到两点:第一点,好象瞄准镜在气球下嘛,第二点,10个气球应该飞出舞台该消失了吧.恩,考虑的很对.好,先解决瞄准镜的问题:
     那瞄准镜为什么会在气球下呢?因为瞄准镜是先放到舞台上的,那么他的层次就比气球低,所以就会出现在气球之下,我们该怎么解决这个问题呢?我的方法是这样的,先制作一个空容器放在舞台上,然后用来放气球,很多的气球.这样不就把问题解决了嘛.解决了吗?不一定
   在刚开头,我就说过,瞄准镜有两种做法,为什么呢?好了,我们现在可以在这里知道答案了,因为瞄准镜需要在气球之上,但是如果你是十字相交的话,你鼠标无论怎么点,都是属于点在瞄准镜头上而不是气球上,那我们如果需要气球被打中的话,就是监听气球是否被鼠标点击了.可是鼠标点击都被十字相交的线给阻挡了,怎么办?所以用不相交的线为好。
   不过并不是不能用十字相交的线,可以这样解决.用swapChildren()语句在监听点击后调换层次.
     第二点疑问还没解决,飞出了舞台该消失,并且移除掉,节省资源.没错,这个是必须做的.那就是监听球的Y轴信息,如果出了舞台就移除掉.为了方便,就做一个移除掉的function,因为等后面爆炸后,这个function 还需要调用.
     再等等放代码,下面讨论的是随机速度.因为我需要气球都是每一个都是有自己的随机速度,那该怎么做?

    balls.speed =  5*Math.random()+2;//后面的数据随便改,可快可慢.

   那个其实也简单,在产生balls的时候,往里放一个随机的数据,这就完全解决了。
  头晕了吧,呵呵,没关系我现在放上以上的全部代码

var aims:MovieClip;
var balls:MovieClip;
var t:Timer;
var ballNumber:uint = 10;
var content_mc:MovieClip;

function aimMove(e:MouseEvent):void {
 aims.x = this.mouseX;
 aims.y = this.mouseY;
}
function init():void {
 content_mc = new MovieClip();
 addChild(content_mc);
 
 aims= new aim();
 addChild(aims);
 aims.enabled = false;
 Mouse.hide();
 stage.addEventListener(MouseEvent.MOUSE_MOVE,aimMove);
 t = new Timer(1000,10);
 t.addEventListener(TimerEvent.TIMER,ballgo);
 t.start();
}
init();

var speed:uint = 5;
function ballgo(e:TimerEvent):void {
 balls = new ball();
 content_mc.addChild(balls);
 balls.x = stage.stageWidth*Math.random();
 balls.y = 500;
 balls.speed =  5*Math.random()+2;
 balls.addEventListener(Event.ENTER_FRAME,ballFly);
 balls.addEventListener(MouseEvent.CLICK,shoot);
 
}
function ballFly(e:Event):void {
 var tempBall:MovieClip = e.currentTarget as MovieClip;
 if (tempBall.y + tempBall.height/2 >0) {
   tempBall.y -= tempBall.speed;
 } else {
   lose(tempBall);
 }
 
}
function lose(mc:Object):void{
 mc.removeEventListener(Event.ENTER_FRAME,ballFly);
   mc.parent.removeChild(mc);
}
function shoot(e:MouseEvent):void{
 trace("shoot")
}

源文件:
下载文件
点击这里下载文件
视频教程列表
文章教程搜索
 
Flash AS推荐教程
Flash AS热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058