《HTML52D遊戲程式設計核心技術》——第3章,第3.10節小結

華章計算機發表於2017-05-02

本節書摘來自華章出版社《HTML5 2D遊戲程式設計核心技術》一書中的第3章,第3.10節小結,作者[美] 戴維·吉爾裡,更多章節內容可以訪問雲棲社群“華章計算機”公眾號檢視。

3.10 小結
視訊遊戲最重要的地方是影像和動畫。在本章中,我們一起學習瞭如何使用HTML5 canvas元素繪製圖形和影像,瞭解瞭如何使用包裝在requestNextAnimationFrame() polyf?ill中的requestAnimationFrame()函式來實現對時間要求較高的動畫幀繪製,而不是使用傳統的setTimeout()函式和setInterval()函式,因為它們不適合用於動畫製作。
本章還介紹瞭如何通過持續地平移canvas元素繪圖區域的座標系,來產生明顯的運動效果。儘管本章討論的座標系平移僅限於水平滾動,但可以很容易地擴充套件本章中的程式碼來完成垂直方向的,甚至是兩個方向的滾動。
視訊遊戲中的物體不應該因為潛在幀速率的改變而簡單地減速或者加速,因此本章介紹瞭如何實現基於時間的運動,也即運動嚴格基於時間,而非依賴於當前的幀速率。
最後,本章介紹瞭如何通過使前景物體比後景物體移動快的方法,來產生視差假象。


相關文章