createjs 小游戲開發(fā)實戰(zhàn)

【轉載請注明出處】

緊接著上一篇文章createjs入門：http://www.cnblogs.com/beidan/p/7055422.html

這里來一篇小游戲實戰(zhàn)篇。

效果圖：（錄屏的時候有點卡）

游戲整體思路實現(xiàn)

1. 實現(xiàn)一個無縫連接的背景圖，模擬出汽車在加速的狀態(tài)

this.backdrop = new createjs.Bitmap(bg);this.backdrop.x = 0;this.backdrop.y = 0;this.stage.addChild(that.backdrop);this.w = bg.width;this.h = bg.height;//創(chuàng)建一個背景副本，無縫連接var copyy = -bg.height;this.copy = new createjs.Bitmap(bg);this.copy.x = 0;this.copy.y = copyy;  //在畫布上y軸的坐標為負的背景圖長//使用createjs的tick函數(shù)，逐幀刷新舞臺createjs.Ticker.addEventListener("tick", tick);function tick(e) {   if (e.paused !== 1) {        //舞臺逐幀邏輯處理函數(shù)
        that.backdrop.y = that.speed + 
        
		

        		
網(wǎng)友評論
     		
				

			
			
			
		
		
		
    	
    	
        	

        		
更多精彩分享
        		

        			
        		
        			
	        		
	        		學習是年輕人改變自己的最好方式