案例4--是男人就支撑15秒

你是男人么?是男人请在枪林弹雨中支撑15秒!哦也,今天给大家带来经典游戏《是男人》系列的《是男人就支撑15秒》,这个游戏我想各位玩过的人也会觉得没什么复杂的,的确,也就区区100来行代码而已(看过之前例子的朋友估计要头大了,因为之前的例子一般不超过50行)。
先看一下结果吧baby们:http://www.iamsevent.com/upload/dodgeBullets.swf
     小朋友别怕,不是难,是相当难……才怪。首先依旧使用我们的flash CS工具创建一个那啥,对,就是那啥,你真聪明,之后呢,在创建一个那啥……咳咳,不好意思,今天脑子有点问题。我们需要一架灰机(元件)来充当玩家控制的角色,可以导出为ActionScript也可以不导出,我这里就偷懒没有导出,给他随便去个名字,我还是叫它ball好了,在元件中画个灰机模型,可以玩得逼真点也可以画个大便状,whatever,我这里再次偷懒就画了个白色圆形,最好把你元件的中心点对准十字注册点哈(至于注册点的作用,我上一篇教程有提到过)。好了,我们的灰机元件完工了,把它拖到屏幕最中间吧,一会儿要让他被围攻的说,再给这个元件设个ID,就叫mcBall好了(别骂我俗气)。最后我们要把舞台设置成黑色,让我们有一种在星际中畅游的Feeling。
<ignore_js_op>案例4--是男人就支撑15秒_第1张图片 
     接下来呢,我们需要N多的子弹,先像创建灰机一样创建一个元件,名字随便取,不过它可是一定得勾选Export for ActionScript(导出为ActionScript)的哦,因为对于这种需要创建很多个的元件来说,我们不太可能一个个手动将其拖动到舞台上更不可能在每帧操作它们运动,只能在代码中以变量的形式来创建,操纵之。我这里给子弹导出的类名叫做Star,蛮形象的哦?就像星际中一个个行星或陨石,我们的宇宙飞船穿梭在其中,好了,不YY了,继续进入Star元件的绘制界面,画一个圆,为了与我们的灰机区分开来,我把Star的圆涂成了蓝色。把十字注册点对准星星的圆心我们就大功告成啦。
<ignore_js_op>案例4--是男人就支撑15秒_第2张图片 
       最后呢,也是最主要,最复杂的环节来了,童鞋们不要怕,叔叔带你们一步步走。先在第一帧按F9添加脚本代码,写上如下代码:

  1. var ballXSpeed:Number = 0; //小球的x轴速度
  2. var ballYSpeed:Number = 0; //小球的y轴速度
  3. //星星数量
  4. var starNum:int = 50;
  5. var starArray:Array = new Array();
  6. //放置小星星,随机移动~
  7. for(var i:int = 0;i<starNum;i++)
  8. {//循环的放置所有的砖块
  9.         makeStars();
  10. }
  11. //按键改变小球移动速度
  12. stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyDownHandler);
  13. stage.addEventListener(KeyboardEvent.KEY_UP, onKeyUpHandler);
  14. //增加球的移动事件
  15. mcBall.addEventListener(Event.ENTER_FRAME, moveBall);
  16. this.addEventListener(Event.ENTER_FRAME, moveStar);
  17. function onKeyDownHandler(evt:KeyboardEvent):void{
  18.         if(evt.keyCode == Keyboard.LEFT){
  19.                 ballXSpeed = -4;
  20.         }
  21.                 if(evt.keyCode == Keyboard.RIGHT){
  22.                 ballXSpeed = 4;
  23.         }
  24.                 if(evt.keyCode == Keyboard.UP){
  25.                 ballYSpeed = -4;
  26.         }
  27.                 if(evt.keyCode == Keyboard.DOWN){
  28.                 ballYSpeed = 4;
  29.         }
  30. }
  31. function moveStar(evt:Event):void{
  32.         for(var i:uint = 0; i < starArray.length; i++){
  33.                 starArray[i].x += starArray[i].speedX;
  34.                 starArray[i].y += starArray[i].speedY;
  35.                 if(starArray[i].x >= stage.stageWidth
  36.                         || starArray[i].x <= 0
  37.                         || starArray[i].y >= stage.stageHeight
  38.                         || starArray[i].y <= 0)
  39.                 {
  40.                         removeChild(starArray[i]);
  41.                         starArray.splice(i,1);
  42.                         i-=1;
  43.                         makeStars();
  44.                 }
  45.         }
  46. }
  47. function onKeyUpHandler(evt:KeyboardEvent):void{
  48.         ballXSpeed = 0;
  49.         ballYSpeed = 0;
  50. }
  51. function moveBall(evt:Event):void{
  52.         //将小球按照速度移动,可以更改速度,增加难度
  53.         mcBall.x += ballXSpeed; //水平移动
  54.         mcBall.y += ballYSpeed; //上下移动
  55.         //如果碰到了墙壁就反弹,直接改变速度的方向,这样简单
  56.         if(mcBall.x >= stage.stageWidth-mcBall.width/2){
  57.                 mcBall.x = stage.stageWidth-mcBall.width/2 - 0.1;
  58.         }
  59.         if(mcBall.x <= 0){
  60.                 mcBall.x = 0;
  61.         }
  62.         if(mcBall.y >= stage.stageHeight-mcBall.height/2){
  63.                 mcBall.y = stage.stageHeight-mcBall.height/2 - 0.1;
  64.         }
  65.         if(mcBall.y <= 0){
  66.                 mcBall.y = 0;
  67.         }
  68.         for(var i:uint = 0; i < starArray.length; i++){
  69.                 if(mcBall.hitTestObject(starArray[i])){
  70.                         trace("hit!!!!!");
  71.                         mcBall.removeEventListener(Event.ENTER_FRAME, moveBall);
  72.                         removeEventListener(Event.ENTER_FRAME, moveStar);
  73.                         break;
  74.                 }
  75.         }
  76. }
  77. function makeStars():void{ //放置砖块
  78.         
  79.                 var star:Star = new Star();
  80.                 //随机产生星星初始方向
  81.                 var starDirection:int=Math.floor(4*Math.random());//0-3
  82.                 //随机产生星星飞行方向,x方向,要么往左要么往右;y方向要么向上要么向下
  83.                 var temp:int=Math.floor(2*Math.random());//0,1
  84.                 var xyDirection:int=(temp==0)?1:-1;
  85.                 
  86.                 switch(starDirection){
  87.                         //往下方向的弹幕飞行
  88.                         case 0:
  89.                         star.x = Math.random() * stage.stageWidth;
  90.                         star.y = 0;
  91.                         star.speedX = Math.random() * 4 * xyDirection;
  92.                         star.speedY = Math.random() * 4;
  93.                         break;
  94.                         //往上方向的弹幕飞行
  95.                         case 1:
  96.                         star.x = Math.random() * stage.stageWidth;
  97.                         star.y=stage.stageHeight;
  98.                         star.speedX = Math.random() * 4 * xyDirection;
  99.                         star.speedY = -Math.random() * 4;
  100.                         break;
  101.                         //往左方向的弹幕飞行
  102.                         case 2:
  103.                         star.x = stage.stageWidth;
  104.                         star.y = Math.random() *stage.stageHeight;
  105.                         star.speedX = -Math.random() * 4 ;
  106.                         star.speedY = Math.random() * 4 * xyDirection;
  107.                         break;
  108.                         //往右方向的弹幕飞行
  109.                         case 3:
  110.                         star.x = 0;
  111.                         star.y = Math.random() *stage.stageHeight;
  112.                         star.speedX = Math.random() * 4 ;
  113.                         star.speedY = Math.random() * 4 * xyDirection;
  114.                         break;
  115.                         default:
  116.                         trace("error!");
  117.                         break;
  118.                 }
  119.                 
  120.                 addChild(star);
  121.                 starArray.push(star);
  122. }
复制代码

前几行声明变量的工作相信大家都是一眼带过,不过允许我啰嗦一点,就是在变量声明时若未初始化就直接引用是会报错的(错误提示是“不能访问空对象”),例如如下代码:

  1. var num:int;
  2. var array:Array;
  3. function Handler(){
  4.      num++; //报错,num是空对象
  5.     var i:int = num; //依然报错
  6.     array[0]= 2; //array是空对象
  7.     array.push(1); //array是空对象
  8.     array.push(num); //不仅num是空对象,array也是空对象
  9. }
复制代码

大家若是碰到报这种错误,先检查下是否忘记了声明吧。之后就是循环创建星星(子弹)以及增加事件侦听,我把创建星星的工作抽成了一个函数,这是非常好的一个习惯,第一是直观,一段代码做一项工作;第二是可重用性高,若你一个函数中多处需要使用一个功能,就只需要多次调用实现这个功能的函数即可,省去冗余代码,甚至待你下次在创建别的工程时需要用到类似功能也不用重新写一个函数了。在添加事件侦听时注意侦听器的对象,通常,键盘事件只能给stage侦听才能接收得到,添加键盘事件后就可以通过键盘来操作flash中的一些行为,这里我们准备用键盘来控制飞机的移动哈。
   这个帖子字数太多啦,暂时写不下了,待我下回接着分解。

你可能感兴趣的:(案例)