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美元

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

image

這是一個打字射擊游戲,該游戲被國外很多網站評選為二十款優秀游戲之一。綜合分析了一下該款游戲,總體感覺----注重細節。

 

游戲技術要素

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

image

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

image

下面是游戲加載的進度條,上面是打地鼠游戲。

 

菜單

如下圖所示:

image

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

 

爆炸效果

image

image

 

 

 

 

 

 

image

image

 

 

 

 

 

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

 

發射動畫

image

 

 

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

 

 

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

image

 

 

不使用Impact

這是我不使用Impact制作的類似的游戲(我也很注重細節微笑):

加載游戲:

image

菜單:

image

 

掃射與爆炸:

image

網格動態背景

image

當粒子很多的時候,谷歌瀏覽器也可以達到40幀以上,IE9和IE10表現良好,一直都在60幀以上

在線演示(AD+J)

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

Have Fun!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM