Impact 簡介

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

Impact 一款讓開發(fā)者在桌面瀏覽器和移動終端瀏覽器開發(fā)優(yōu)秀的HTML5游戲的javascript游戲引擎。

官網(wǎng)地址：http://impactjs.com/

售價：99美元

其中的最受歡迎且耳熟能詳?shù)哪^于下面這款：

這是一個打字射擊游戲，該游戲被國外很多網(wǎng)站評選為二十款優(yōu)秀游戲之一。綜合分析了一下該款游戲，總體感覺----注重細(xì)節(jié)。

游戲技術(shù)要素

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

不過還有一種最好的方式就是，預(yù)先加載一個無聊的小游戲，然后讓玩家打發(fā)loading期間的時間。比如新浪微博中的很多微游戲，都提供了loading期間打地鼠的游戲。如下圖所示：

下面是游戲加載的進(jìn)度條，上面是打地鼠游戲。

菜單

如下圖所示：

細(xì)節(jié)如圖標(biāo)注所示，另外文字menu的鼠標(biāo)事件精確到矩形區(qū)域，而不是像素，這點很重要。就像我以前做的那款3D貪吃蛇，鼠標(biāo)事件精確到文字，這樣的用戶體驗非常不好，應(yīng)該是立方體。

爆炸效果

如圖所示，該款游戲的爆炸不是固定不變使用連續(xù)的圖片。而是利用3張圖片，隨機(jī)運動+旋轉(zhuǎn)組成的，改細(xì)節(jié)也是一個亮點。

發(fā)射動畫

如上圖所示，在飛船發(fā)射子彈的過程當(dāng)中，不是不動的，而是有一個發(fā)射的動畫。這在很多射擊類游戲中都沒有考慮。

關(guān)卡過度動畫及網(wǎng)格動態(tài)背景

不使用Impact

這是我不使用Impact制作的類似的游戲（我也很注重細(xì)節(jié)）：

加載游戲：

菜單：

掃射與爆炸：

網(wǎng)格動態(tài)背景

當(dāng)粒子很多的時候，谷歌瀏覽器也可以達(dá)到40幀以上，IE9和IE10表現(xiàn)良好，一直都在60幀以上。

在線演示(AD+J)

Have Fun!