HTML5移動遊戲開發高階程式設計 10:自建Quintus引擎(2)
10.1 引言
本章將繼續,使用類在螢幕上繪製控制元件、接受使用者的輸入以及載入資產
10.2 訪問遊戲容器元素
就遊戲而言,要在螢幕上渲染任何東西,它必須有一個可供其在上面進行繪製的物件。對於畫布遊戲來說,該物件就是Canvas元素;而對於其他型別的遊戲來說,它或是一個普通的<div>或是一個SVG元素。
10.3 捕捉使用者輸入
建立輸入子系統:鍵盤、滑鼠、觸控輸入、遊戲小鍵盤、遊戲手柄
自建輸入模組:主要目標是繫結某種輸入動作。
處理鍵盤事件
新增小鍵盤控制元件
新增遊戲手柄控制元件
繪製螢幕輸入
10.4 載入資產
資產包括影像、音訊、精靈和關卡資料,以及其他任何遊戲需要用來執行的、被儲存在單獨檔案中的東西。
定義資產型別:只關心影像和音訊檔案
相關文章
- Rust 程式設計影片教程(進階)——027_2 高階特性 2Rust程式設計
- 2020/6/10 JavaScript高階程式設計 BOMJavaScript程式設計
- 【程式設計師的遊戲開發之路】 遊戲架構程式設計師遊戲開發架構
- Rust 程式設計影片教程(進階)——026_2 高階 trait2Rust程式設計AI
- Rust 程式設計視訊教程(進階)——027_2 高階特性 2Rust程式設計
- 【開源】小程式、小遊戲和Web運動引擎 to2to 釋出遊戲Web
- 南開高階語言程式設計2--OJ題目答案程式設計
- 高階語言程式設計作業 10/12程式設計
- 移動應用app設計開發工具:Creo 2 for macAPPMac
- 【譯】闖入遊戲開發 #3:程式設計遊戲開發程式設計
- Rust 程式設計視訊教程(進階)——026_2 高階 trait2Rust程式設計AI
- JS高階程式設計第2章--精簡版JS程式設計
- 高階語言程式設計第2次作業程式設計
- 高階程式設計語言第2次作業程式設計
- 遊戲開發與設計遊戲開發
- 遊戲陪玩app開發,高併發系統如何設計?遊戲APP
- 《Unity移動遊戲開發》讀後感Unity遊戲開發
- Python 高階程式設計:深入探索高階程式碼實踐Python程式設計
- 室內設計遊戲為何風靡移動遊戲市場?遊戲
- HTML5遊戲開發(二):使用TypeScript編寫程式碼HTML遊戲開發TypeScript
- 遊戲開發—協議設計遊戲開發協議
- 章10——物件導向程式設計(高階部分)——抽象類物件程式設計抽象
- Javascript高階程式設計 備忘JavaScript程式設計
- C++高階程式設計pdfC++程式設計
- windows核心程式設計--DLL高階Windows程式設計
- 重讀《JavaScript高階程式設計》JavaScript程式設計
- Flink(1.11)高階程式設計——FlinkSQL程式設計SQL
- JavaScript高階程式設計筆記JavaScript程式設計筆記
- 鴨鴨星球遊戲系統程式設計開發丨NFT鏈遊遊戲開發技術語言程式設計遊戲開發
- 來黑馬程式設計師從零學前端與移動開發----移動web開發----伸縮佈局程式設計師前端移動開發Web
- GameFi+NFT鏈遊開發技術/NFT鏈遊遊戲系統程式設計開發程式碼示例GAM遊戲程式設計
- 7個HTML5移動開發框架,初學HTML5必看HTML移動開發框架
- 從初級到高階,如何設計出好的遊戲掩體遊戲
- 適合高階Java程式設計師看的10本書Java程式設計師
- java遊戲開發雜談 - java程式設計怎麼學Java遊戲開發程式設計
- 2020年2月全球熱門移動遊戲收入Top10遊戲
- 人人都能學會的python程式設計教程15:高階特性2Python程式設計
- 學習程式設計從遊戲開始程式設計遊戲
- 【程式設計開發】之 OAuth2程式設計OAuth