HTML5熱門遊戲製做---沒有99美圓的Impact也行

Impact 簡介

Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers.

Impact 一款讓開發者在桌面瀏覽器和移動終端瀏覽器開發優秀的HTML5遊戲的javascript遊戲引擎。

官網地址：http://impactjs.com/

售價：99美圓

其中的最受歡迎且耳熟能詳的莫過於下面這款：

這是一個打字射擊遊戲，該遊戲被國外不少網站評選爲二十款優秀遊戲之一。綜合分析了一下該款遊戲，整體感受----注重細節。

 

遊戲技術要素

1.資源加載和進度顯示，這HTML5遊戲中很重要的一個元素。固然也可使用loading的方式，如：HTML5實驗室【四十一】--怎麼把CanvasLoading插件嵌入你的遊戲。或者loading配合進度條，這給玩家的體驗最好了。

不過還有一種最好的方式就是，預先加載一個無聊的小遊戲，而後讓玩家打發loading期間的時間。好比新浪微博中的不少微遊戲，都提供了loading期間打地鼠的遊戲。以下圖所示：

下面是遊戲加載的進度條，上面是打地鼠遊戲。

 

菜單

以下圖所示：

細節如圖標註所示，另外文字menu的鼠標事件精確到矩形區域，而不是像素，這點很重要。就像我之前作的那款3D貪吃蛇，鼠標事件精確到文字，這樣的用戶體驗很是很差，應該是立方體。

 

爆炸效果

 

 

 

 

 

 

 

 

 

 

 

如圖所示，該款遊戲的爆炸不是固定不變使用連續的圖片。而是利用3張圖片，隨機運動+旋轉組成的，改細節也是一個亮點。

 

發射動畫

 

 

如上圖所示，在飛船發射子彈的過程中，不是不動的，而是有一個發射的動畫。這在不少射擊類遊戲中都沒有考慮。

 

 

關卡過分動畫及網格動態背景

 

 

不使用Impact

這是我不使用Impact製做的相似的遊戲（我也很注重細節）：

加載遊戲：

菜單：

 

掃射與爆炸：

網格動態背景

當粒子不少的時候，谷歌瀏覽器也能夠達到40幀以上，IE9和IE10表現良好，一直都在60幀以上。

在線演示(AD+J)

To play this game you need a good Browser, like Opera, Chrome, IE9+, Firefox or Safari.

Have Fun!