整理了一下學習HTML5開發遊戲要用到的幾個重要內容,方便以後查詢:
HTML5:
JavaScript: 單線程(Single-threaded)運行是JavaScript語言的設計目標之一,進而言之是保持JavaScript的簡單。但是我必須要說, 儘管JavaScript具有如此語言特質,但它絕不簡單!我們所說的“單線程”是指JavaScript只有一個線程控制。是的,這點令人沮 喪,JavaScript引擎一次只能做一件事。
幸好有了HTML5和Web Workers,你可以真正生成一條異步的線程。當主線程處理界面事件時,新的worker可以在後臺運行,它甚至可以有力的處理大量的數據。例如,一個worker可以處理大型的數據結構(如JSON),從中提取變量信息然後在界面中顯示。
(編碼)WebSockets: websocket是應用層協議,底層採用tcp協議,socket是一種實現tcpip協議的工具!也就是說你可以用socket編寫支持websocket的應用。
(後臺)Web Workers: 當在 HTML 頁面中執行腳本時,頁面的狀態是不可響應的,直到腳本已完成。web worker 是運行在後臺的 JavaScript,獨立於其他腳本,不會影響頁面的性能。您可以繼續做任何願意做的事情:點擊、選取內容等等,而此時 web worker 在後臺運行。
(數據庫API):WebSQL API IndexedDB API
(存儲數據)Web Storage: Web Storage是HTML5引入的一個非常重要的功能,可以在客戶端本地存儲數據,類似HTML4的cookie,但可實現功能要比cookie強大的多,cookie大小被限制在4KB,Web Storage官方建議爲每個網站5MB。
Web Storage又分爲兩種: sessionStorage localStorage
從字面意思就可以很清楚的看出來,sessionStorage將數據保存在session中,瀏覽器關閉也就沒了;而localStorage則一直將數據保存在客戶端本地;
不管是sessionStorage,還是localStorage,可使用的API都相同.
(定位) 查詢瀏覽器是否支持Geolocation API: navigator.geolocation
(提示用戶信息)
(媒體元素)
(繪畫API):Canvas:一個具有高度和寬度屬性的可繪畫區域,使用JavaScript來繪製動態的複雜圖表或圖像。
SVG(可擴展矢量圖形):SVG是一個XML文件,用於XML編程的兩種模型DOM和SAX也適用於它。因爲SVG是被設計用於互聯網,所以通過Javascript和DOM訪問 它就是最重要的應用模式。通過Javascript和DOM可以動態地修改HTML,同樣也可以在瀏覽器中動態地創建、修改和刪除圖片。
WebGL:一個實現3d繪畫的JavaScript API.
(自定義詞彙表) Microdata