之前用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上，不過不方便公開，想下載代碼可以直接從我的試玩網址上拔下來。