學習HTML5遊戲開發的幾個重要內容

 

整理了一下學習HTML5開發遊戲要用到的幾個重要內容,方便以後查詢:

 

HTML5:

JavaScript: 單線程(Single-threaded)運行是JavaScript語言的設計目標之一,進而言之是保持JavaScript的簡單。但是我必須要說, 儘管JavaScript具有如此語言特質,但它絕不簡單!我們所說的“單線程”是指JavaScript只有一個線程控制。是的,這點令人沮 喪,JavaScript引擎一次只能做一件事。

  幸好有了HTML5Web 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編程的兩種模型DOMSAX也適用於它。因爲SVG是被設計用於互聯網,所以通過JavascriptDOM訪問 它就是最重要的應用模式。通過JavascriptDOM可以動態地修改HTML,同樣也可以在瀏覽器中動態地創建、修改和刪除圖片。

WebGL一個實現3d繪畫的JavaScript API.


(自定義詞彙表)  Microdata


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章