HTML5移動遊戲開發高階程式設計 10:自建Quintus引擎(2)
10.1 引言
本章將繼續,使用類在螢幕上繪製控制元件、接受使用者的輸入以及載入資產
10.2 訪問遊戲容器元素
就遊戲而言,要在螢幕上渲染任何東西,它必須有一個可供其在上面進行繪製的物件。對於畫布遊戲來說,該物件就是Canvas元素;而對於其他型別的遊戲來說,它或是一個普通的<div>或是一個SVG元素。
10.3 捕捉使用者輸入
建立輸入子系統:鍵盤、滑鼠、觸控輸入、遊戲小鍵盤、遊戲手柄
自建輸入模組:主要目標是繫結某種輸入動作。
處理鍵盤事件
新增小鍵盤控制元件
新增遊戲手柄控制元件
繪製螢幕輸入
10.4 載入資產
資產包括影像、音訊、精靈和關卡資料,以及其他任何遊戲需要用來執行的、被儲存在單獨檔案中的東西。
定義資產型別:只關心影像和音訊檔案
相關文章
- HTML5移動遊戲開發高階程式設計 9:自建Quintus引擎(1)HTML遊戲開發程式設計UI
- HTML5移動遊戲開發高階程式設計 11:自建Quintus引擎(3)HTML遊戲開發程式設計UI
- HTML5移動遊戲開發高階程式設計 2:從玩具到遊戲HTML遊戲開發程式設計
- HTML5移動遊戲開發高階程式設計 3:試飛結束,向移動進發HTML遊戲開發程式設計
- HTML5移動遊戲開發高階程式設計 1:先飛後走,先難後易HTML遊戲開發程式設計
- 所見即所得:四款免程式設計移動遊戲開發引擎推薦程式設計遊戲開發
- HTML5遊戲開發進階 7 :單位智慧移動HTML遊戲開發
- HTML5遊戲開發進階 4 :物理引擎整合HTML遊戲開發
- 遊戲開發者:過半移動遊戲開發者使用Unity引擎遊戲開發Unity
- HTML5遊戲開發進階 3 :物理引擎基礎HTML遊戲開發
- Rust 程式設計影片教程(進階)——027_2 高階特性 2Rust程式設計
- 高階語言程式設計作業 10/12程式設計
- Rust 程式設計視訊教程(進階)——027_2 高階特性 2Rust程式設計
- JS高階程式設計第2章--精簡版JS程式設計
- 【筆記】《JavaScript高階程式設計(第3版)》(2)筆記JavaScript程式設計
- 函數語言程式設計(2) 高階函式函數程式設計函式
- 高階程式設計語言第2次作業程式設計
- 高階語言程式設計第2次作業程式設計
- Oracle 高階程式設計 01 ~Oracle程式設計
- 程式程式設計2 – Unix環境高階程式設計8章讀書筆記程式設計筆記
- Python 高階程式設計:深入探索高階程式碼實踐Python程式設計
- 低階程式設計師和高階程式設計師的區別程式設計師
- windows核心程式設計--DLL高階Windows程式設計
- Javascript高階程式設計 備忘JavaScript程式設計
- C++高階程式設計pdfC++程式設計
- JavaScript高階程式設計筆記JavaScript程式設計筆記
- 重讀《JavaScript高階程式設計》JavaScript程式設計
- Python高階程式設計技巧Python程式設計
- shell程式設計-高階變數程式設計變數
- Rust 程式設計影片教程(進階)——026_2 高階 trait2Rust程式設計AI
- 2020/6/10 JavaScript高階程式設計 BOMJavaScript程式設計
- 高階Java程式設計師值得擁有的10本書Java程式設計師
- 章10——物件導向程式設計(高階部分)——抽象類物件程式設計抽象
- 南開高階語言程式設計2--OJ題目答案程式設計
- Rust 程式設計視訊教程(進階)——026_2 高階 trait2Rust程式設計AI
- 高階bash指令碼程式設計(1)指令碼程式設計
- 適合高階Java程式設計師看的10本書Java程式設計師
- shell程式設計,實戰高階進階教學程式設計