變態版大魚吃小魚-基於pixi.js 2D遊戲引擎

以前用CSS3畫了一條🐟，那仍是一年前的事情了，此次我用一天的時間去研究了一下pixi.js，一個基於webgl的2D遊戲引擎，而後用它作了一個demo出來，變態版大魚吃小魚。

 

這是一個h5遊戲排名，我最看好pixi,剛開始也試過create.js，不過它不支持webgl，這是一個硬傷，而後又瞭解了一下Phaser,基於pixi開發的，功能確定比pixi強大，不過我以爲它過重了，好像是500多K，不適合作小遊戲，而pixi只有90K，而且支持webgl，因此就選它了

參考官方API試着作了一個大魚吃小魚的demo，先上一張截圖

pixi給咱們封裝了一套API，咱們不須要關係底層的東西，也不須要了解webgl，效果棒棒噠

先說一下游戲及開發思路

　　玩法：鍵盤上下左右

　　1，建立頁面中游動的對象

　　2，監聽每一幀，給每一個對象變換位置，而且處理主角的狀態（吃魚和被吃）

　　3，其次就是遊戲結束的處理了

源代碼在個人GitHub上，不過不方便公開，想下載代碼能夠直接從個人試玩網址上拔下來。