《HTML52D遊戲程式設計核心技術》——第3章,第3.10節小結
本節書摘來自華章出版社《HTML5 2D遊戲程式設計核心技術》一書中的第3章,第3.10節小結,作者[美] 戴維·吉爾裡,更多章節內容可以訪問雲棲社群“華章計算機”公眾號檢視。
3.10 小結
視訊遊戲最重要的地方是影像和動畫。在本章中,我們一起學習瞭如何使用HTML5 canvas元素繪製圖形和影像,瞭解瞭如何使用包裝在requestNextAnimationFrame() polyf?ill
中的requestAnimationFrame()
函式來實現對時間要求較高的動畫幀繪製,而不是使用傳統的setTimeout()
函式和setInterval()
函式,因為它們不適合用於動畫製作。
本章還介紹瞭如何通過持續地平移canvas元素繪圖區域的座標系,來產生明顯的運動效果。儘管本章討論的座標系平移僅限於水平滾動,但可以很容易地擴充套件本章中的程式碼來完成垂直方向的,甚至是兩個方向的滾動。
視訊遊戲中的物體不應該因為潛在幀速率的改變而簡單地減速或者加速,因此本章介紹瞭如何實現基於時間的運動,也即運動嚴格基於時間,而非依賴於當前的幀速率。
最後,本章介紹瞭如何通過使前景物體比後景物體移動快的方法,來產生視差假象。
相關文章
- 《HTML52D遊戲程式設計核心技術》——第2章,第2.6節小結HTML遊戲程式設計
- 《HTML52D遊戲程式設計核心技術》——第3章,第3.11節練習HTML遊戲程式設計
- 《C# 7.0核心技術指南(原書第7版)》第18章節:程式集C#
- 《HTML5遊戲程式設計核心技術與實戰》—1.3小結HTML遊戲程式設計
- 《HTML5遊戲程式設計核心技術與實戰》——2.8小結HTML遊戲程式設計
- 《HTML5遊戲程式設計核心技術與實戰》一1.3小結HTML遊戲程式設計
- 《HTML5遊戲程式設計核心技術與實戰》一第2章 Canvas繪圖HTML遊戲程式設計Canvas繪圖
- 《Java核心技術(卷1)》筆記:第8章 泛型程式設計Java筆記泛型程式設計
- Java核心技術卷閱讀隨筆--第3章【Java 的基本程式設計結構】Java程式設計
- 《HTML5遊戲程式設計核心技術與實戰》一第1章 遊戲和HTML5初探HTML遊戲程式設計
- 《UML物件導向設計基礎》—第2章2.5節本章小結物件
- 《C++程式設計教程(第3版)》——第1章,第2節從C到C++C++程式設計
- SOA 核心技術及應用,第 1 章
- SOA 核心技術及應用,第 7 章
- Java核心技術總結一:Java的基本程式設計結構Java程式設計
- 計算機程式設計藝術 第2卷 (轉)計算機程式設計
- 第 7 小節 if、switch 語句
- 《Java 多執行緒程式設計核心技術》筆記——第3章 執行緒間通訊(三)Java執行緒程式設計筆記
- 《Java 多執行緒程式設計核心技術》筆記——第3章 執行緒間通訊(四)Java執行緒程式設計筆記
- 第80節:Java中的MVC設計模式JavaMVC設計模式
- Odi第6節-使用(三):設計器(介面)
- 《微信小程式開發入門精要》——第1章,第1.2節原生熱佈局微信小程式
- DirectX遊戲程式設計,揭祕Direct3D遊戲開發核心技術程式設計3D遊戲開發
- 《Spring核心技術》第6章:深度解析@PropertySource註解Spring
- C語言程式設計-現代方法 第二版 第6.1小節 顯示平方表C語言程式設計
- Odi第5節-使用(三):設計器(專案)
- Python核心程式設計v2.0 第11章習題答案Python程式設計
- R語言程式設計藝術 第2章 向量(上)R語言程式設計
- 第 5 小節 golang 變數型別Golang變數型別
- 《WCF技術內幕》翻譯5:第1部分_第1章_藍月亮:WCF介紹和本章小結
- Java 核心技術卷 I (第 10 版,基於 java8) 第一二章總結Java
- JavaScript物件程式設計-第3章JavaScript物件程式設計
- 第12章、網路程式設計程式設計
- 第1章 程式設計的方法程式設計
- 程式設計師週刊(第3期):識別未來新技術的趨勢程式設計師
- 程式設計師週刊(第1期):餓了麼的技術文化是什麼?程式設計師
- C語言程式設計-現代方法 第二版 第2.4.4小節 計算箱子的空間重量C語言程式設計
- Odi第4節-使用(二):設計器(檔案模型)模型