FLEX ActionScript 游戏开发教程之[贪吃蛇]Step By Step

 我也是刚刚接触到Flex的游戏开发, 继j2me的手机游戏开发后,再现学现卖,发一个Flash版的贪吃蛇游戏开发的Step by Step教程,希望对新手有些帮助. :).

 

Step 1.

下载J2SE和Flex 3.1 SDK(http://download.macromedia.com/pub/flex/sdk/flex_sdk_3.zip,免费的,哈哈)，安装好Java，解压 Flex SDK到路径G:/javaspace/flex_sdk_3

Step 2.

到我的电脑->属性->高级->环境变量,设置PATH路径加上: C:/j2sdk1.4.2_08/bin;G:/javaspace/flex_sdk_3/bin

Step 3.

创建G:/javaspace/workspace/SnakeGameFlash和G:/javaspace/workspace/SnakeGameFlash/asx两个目录.

Step 4.

创建G:/javaspace/workspace/SnakeGameFlash/SnakeGame.mxml文件，内容如下:

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application  name="SnakeGame"
3.  xmlns:mx="http://www.adobe.com/2006/mxml" 
4.  xmlns:custom="asx.*"
5.  width="600" height="400"
6.  frameRate="8" 
7.  creationComplete="creationCompleteHandler(event);"
8.   
9. >
10.   <mx:Script>
11.         <![CDATA[
14.             import flash.events.MouseEvent;
15.             import mx.events.FlexEvent;
16.             import asx.SnakeMc;
17.    
18.             private function creationCompleteHandler(event:FlexEvent):void
19.             {
20.         var mc:SnakeMc  = new SnakeMc();
21.         swfldr.addChild(mc);       
22.             }
23.     
24.         ]]>
25.     </mx:Script>
26.   <mx:SWFLoader id="swfldr" width="512" height="280"/>
27. </mx:Application>

 

Step 5.

创建G:/javaspace/workspace/SnakeGameFlash/asx/SnakeBlock.as文件,内容如下:

1. package asx
2. {
3.  import flash.display.Sprite;
5.  public class SnakeBlock extends Sprite
6.  {
7.   public var r:uint=2;
8.   public var xx:uint=0;
9.   public var yy:uint=0;
10.   public function SnakeBlock()
11.   {
12.    super();
13.   }
14.   
15.  }
16. }

Step 6.
创建G:/javaspace/workspace/SnakeGameFlash/asx/SnakeMc.as文件,内容如下:

 

1. package asx
2. {
4.  import flash.display.MovieClip;
5.  import flash.events.Event;
6.  import flash.events.KeyboardEvent;
7.  import flash.text.TextField;
8.  import flash.ui.Keyboard;
13.  public class SnakeMc extends MovieClip
14.  {
15.    
16.   public const blocksize:uint = 8;
17.   public const blWidth:uint   = 64
18.   public const blHeight:uint  = 32;
19.   public const numFood:uint = 20;
20.   public var t:TextField = null;
21.   public var t2:TextField = null;
23.   public var ss:SnakeBlock    = null;
24.   public var sa:Array     = new Array();
25.   public var kbq:Array    = new Array();
26.   public var rr:Array    = new Array();
27.   public var food:Array  = new Array();
28.   public var scores:uint  = 0;
29.   public var bonus:uint   = 0;
30.   public var tickcount:Number =0;
31.   
32.   
33.   public function CreateSprite(w:uint=0):SnakeBlock
34.   {
35.    var s:SnakeBlock = new SnakeBlock();
36.    this.addChild(s);
37.    with(s)
38.    {
39.     if (w==0) // blue snake color the other times 
40.      graphics.beginFill(0x555588);
41.          else
42.      graphics.beginFill(255<<16); // red food color first time 
43.                    
44.     graphics.lineTo((blocksize-1),0 ); 
45.     graphics.lineTo((blocksize-1), (blocksize-1)); 
46.     graphics.lineTo(0, (blocksize-1)); 
47.     graphics.endFill(); // draw a square 
48.    }
49.    return s;
50.   }
51.   
52.   public function AppendSprite(w:uint=0):SnakeBlock
53.   {
54.    var s:SnakeBlock = CreateSprite(w);
55.    sa.push(s);
56.    if(sa.length>1)
57.    {
58.     s.x = sa[sa.length-2].x;
59.     s.y = sa[sa.length-2].y;
60.     s.xx = sa[sa.length-2].xx;
61.     s.yy = sa[sa.length-2].yy;
62.     s.r = (sa[sa.length-2].r+2)%4;
63.     UpdateSnakePos(s);
64.     s.r = sa[sa.length-2].r;
65.    }
66.    else
67.    {
68.     s.xx = s.x/blocksize;
69.     s.yy = s.y/blocksize
70.    }
71.    return s;
72.   }
73.   
74.   public function UpdateSnakePos(s:SnakeBlock):void
75.   {
76.    with(s)
77.    {
78.     switch(r)
79.           {
80.           case 0:
81.            x -=blocksize;
82.            xx--;
83.            break;
84.           case 1:
85.            y -=blocksize;
86.            yy--;
87.            break;
88.           case 2:
89.            x +=blocksize;
90.            xx++;
91.            break;
92.           case 3:
93.            y +=blocksize;
94.            yy++;
95.            break;
96.           }
97.          
98.    }
99.   }
100.   
101.   public function upateSnakesPos():void
102.   {
103.    var i:int =0;
104.    for(i=0;i<sa.length;i++)
105.    {
106.     var s:SnakeBlock =sa[i];
107.     for(var j:int=0;j<rr.length;j++)
108.     {
109.      if(i==(rr[j]>>16))
110.      {
111.       s.r = (rr[j]0xffff)%4;
112.      }
113.     
114.     }
115.     UpdateSnakePos(s);
116.    }
117.    
118.    var tt:Array = new Array();
119.    for(i=0;i<rr.length;i++)
120.    {
121.     var tmp:uint = (rr[i]>>16);
122.     if(tmp <sa.length+10)
123.     {
124.      rr[i] =((tmp+1)<<16)|(rr[i]0xffff);
125.      tt.push(rr[i]);
126.     }
127.    }
128.    rr = null;
129.    rr = tt;
130.   }
131.   
132.   
133.   
134.   public function onkeydown(evt:KeyboardEvent):void 
135.   {
136.    
137.    if(evt.keyCode==Keyboard.SPACE)
138.    {
139.     if(ss==null)
140.     {
141.      cleanup();
142.      ss=AppendSprite();
143.      for(var i:uint;i<0;i++)
144.      {
145.       AppendSprite();
146.      }
147.      genFood();   
148.     }
149.     
150.    }
151.    else if(ss!=null)
152.    {
153.     
154.     switch(evt.keyCode)
155.     {
156.      case Keyboard.LEFT:
157.      case 65:
158.       kbq.unshift(0);
159.       break;
160.      case Keyboard.UP:
161.      case 87:
162.       kbq.unshift(1);
163.       break;
164.      case Keyboard.RIGHT:
165.      case 68:
166.       kbq.unshift(2);
167.       break;
168.       
169.      case Keyboard.DOWN:
170.      case 83:
171.       kbq.unshift(3);
172.       break;
173.      default:
174.       break;  
175.       
176.     };
177.     
178.    }
179.    
180.   }
181.   
182.   public function IntersectSnake(xx:int, yy:int):Boolean
183.   {
184.    var i:uint=0;
185.    for(i=0;i<sa.length;i++)
186.    {
187.     if(xx==sa[i].xx && yy==sa[i].yy)
188.     {
189.      return true;
190.     }
191.    }
192.    return false;
193.   }
194.   
195.   public function IsGameOver():Boolean
196.   {
197.   
198.    
199.    if(ss.xx<0 || ss.xx >blWidth-1 || ss.yy<0 || ss.yy >blHeight-1)
200.    {
201.     return true;
202.    }
203.    var i:uint =0;
204.    for(i=1;i<sa.length;i++)
205.    {
206.     if(ss.xx==sa[i].xx && ss.yy==sa[i].yy)
207.     {
208.      return true;
209.     }
210.    }
211.   
212.    
213.    return false;
214.   }
215.   
216.   public function getFood(xx:int,yy:int):SnakeBlock
217.   {
218.    for(var i:int=0;i<food.length;i++)
219.    {
220.     if(food[i].xx ==xx && food[i].yy ==yy)
221.     {
222.      return food[i]; 
223.     }
224.    }
225.    return null;
226.   }
227.   
228.   public function genFood():void
229.   {
230.    if(food.length!=0)
231.      return;
233.    for(;food.length <numFood;)
234.    {
235.     
236.     var xx:int= Math.random()*(blWidth-1);
237.     var yy:int= Math.random()*(blHeight-1);
238.     
239.     if(getFood(xx,yy) ==null &&!IntersectSnake(xx,yy)  )
240.     {
241.      var s:SnakeBlock =  CreateSprite(1);
242.      s.x = xx*blocksize;
243.      s.y = yy*blocksize;
244.      s.xx = xx;
245.      s.yy = yy;
246.      food.push(s);
247.     }  
248.    }
249.    
250.   }
251.   
252.   
253.   public function eatFood():void
254.   {
255.    if(ss!=null)
256.    {
257.    
258.     for(var i:int=0;i<food.length;i++)
259.     {
260.      if(food[i].xx ==ss.xx && food[i].yy ==ss.yy)
261.      {
262.       AppendSprite();
263.       if(sa.length>2)
264.       {
265.        bonus +=4*(sa.length-2);
266.        if(tickcount>0)
267.        {
268.         bonus +=sa.length/tickcount;
269.        }
270.       }
271.       
272.       scores += 10+bonus;
273.       t.text = "Score: "+scores;
274.       
275.       this.removeChild(food[i]);
276.       food.splice(i,1);
277.       return;
278.      }
279.     }
280.     
281.    }
282.   }
283.   
284.   public function cleanup():void
285.   {
286.    while(sa.length>0)
287.    {
288.     this.removeChild(sa.pop()); 
289.    }
290.   
291.    while(food.length>0)
292.    {
293.     this.removeChild(food.pop());
294.    }
295.    
296.    rr.length=0;
297.    kbq.length=0;
298.       
300.    ss   = null;
301.    scores   = 0;
302.    bonus    = 0;
303.    tickcount  = 0;
304.    
305.    
306.   }
307.   
308.   public function GameFrame():void
309.   {
310.    if(ss!=null)
311.     {
312.      tickcount++;
313.      if(kbq.length>0)
314.        {
315.         var c:uint=0;
316.            c = kbq.pop(); // pick the next turn in the queue (may be undefined if queue is empty)
317.            // and check that it is not undefined and not a 180 degree turn
318.            // (annoying to be able to turn into the snake with one key press)
319.            //
320.            if (c%2!=ss.r%2) 
321.            { 
322.           rr.push(c); // change current direction to the new value
323.            }
324.        } 
325.        
326.        upateSnakesPos();
327.        if(IsGameOver())
328.        {
329.         t.text = "Game Over/t-/tPress SPACE";
330.       ss = null;
331.       t2.text = food.length.toString();
332.         return;
333.        }
334.        eatFood();
335.        genFood();
336.        t2.text = food.length.toString();
337.          
338.     } 
339.   }
340.   
341.   public function onEnterFrame(evt:Event):void
342.   {
343.     GameFrame();
344.   }
345.   
346.   public function onAddtoStage(evt:Event):void
347.   {
348.    this.stage.addEventListener(KeyboardEvent.KEY_DOWN,onkeydown);
349.    this.addEventListener(Event.ENTER_FRAME,onEnterFrame); 
350.   }
351.   
352.   public function SnakeMc()
353.   {
354.    
355.    addEventListener(Event.ADDED_TO_STAGE ,onAddtoStage);
356.    super();
357.    
358.      t    = new TextField();
359.    t.x      = 1;
360.    t.y   = 255;
361.    t.width  = 511;
362.    t.height = 16;
363.    t.text = "Snake Game/t-/tPress SPACE";
364.    addChild(t);
365.    
366.    t2   = new TextField();
367.    t2    = new TextField();
368.    t2.x      = 1;
369.    t2.y   = 271;
370.    t2.width  = 511;
371.    t2.height = 16;
372.    t2.text = food.length.toString();
373.    addChild(t2);
374.    
375.    this.graphics.beginFill(0xeeeeee); 
376.    this.graphics.lineStyle(1); 
377.    this.graphics.lineTo(511, 0); 
378.    this.graphics.lineTo(511, 256); 
379.    this.graphics.lineTo(0, 256); 
381.   }
382.   
383.   
384.  }
387. }

 

Step 7.

创建G:/javaspace/workspace/SnakeGameFlash/build.bat文件(用把*.as和SnakeGame.mxml编译和生成Flash),内容如下:

1. mxmlc --strict=true --file-specs SnakeGame.mxml
2. pause

 

Step 8.

运行G:/javaspace/workspace/SnakeGameFlash/build.bat,生成SnakeGame.swf

 

Step 9

 

运行测试SnakeGame.swf.

教程结束