前端小遊戲製做【戳泡泡】

最近搗鼓花了一週時間搗鼓了一個遊戲引擎【白鷺】，遊戲原型是公司一個專題的遊戲，戳泡泡，中間斷斷續續搗鼓了一週，終於正常運行遊戲了。

遊戲有兩個版本：純白鷺引擎和添加了p2物理引擎兩個.

有喜歡的能夠去研究下【白鷺引擎】

廢話很少說，上圖上代碼。

 

main.ts

 紅框內的是我寫的代碼，tool是個人一個工具集合，infoui是界面，gamFrameUI和gameFrameUI_p2是遊戲界面邏輯的類，第二個使用了p2物理引擎的。

_engine變量是定義使用的引擎，如今只有兩個，一個是爲空，另外一個是p2.

 

資源組引用

 

建立遊戲，重點開始了。

類裏面都須要當前舞臺，因此傳入當前舞臺

 

 

根據界面須要，這裏單獨添加一個頭部背景圖片。

這個位置就是判斷使用哪一個引擎

 

 

這個添加一個全局控制的函數：_clickPaoPao

 

gameStart(fn) 開始遊戲 下面有介紹。

 

 

 Tool.ts

 這個類裏面有：獲取圖片，獲取比例高度，獲取比例寬度，隨機數

InfoUI.ts

這個類是界面顯示的佈局、分數等。

裏面重要邏輯就是倒計時部分

 

GameFrameUI.ts和GameFrameUI_P2.ts

 這兩個類不同的地方就是一個用了物理引擎，一個沒用，因此在建立元素的時候有所不一樣。

P2須要建立P2物理引擎專用的world

添加聲音，

 

點擊和時間結束時：播放聲音和粒子顯示

 

 

示例連接：http://pan.baidu.com/s/1kV6npPl

 

p2引擎在手機上展現性能上不行。

 總的來講，這個引擎仍是不錯，該有的都要，並且不大，擴展東西也多。

 

喜歡的同窗能夠拿源代碼瞅瞅。