[size=medium] 我覺得，html5很有前景，移動終端智慧型化、普及是乙個大趨勢，html5的應用有跨平台這一大的優勢，傳統的應用很依賴終端的系統，同樣乙個應用，html5也能實現，它就可以在所有的智慧型終端下使用，而且又有本地儲存，離線使用等特性，這使得它成為未來的主流
用html5開發遊戲是一件很激動人心的事，好的，開始我的html5遊戲之路吧
先不看別人怎麼寫的，先去看一下html5給我們提供什麼東西，然後說說我的想法吧
經過閱讀html5 canvas api，發現，提供的東西不多，無非是一些數學圖形畫法，有點、線、矩形等，然後還有乙個外載入影象的功能，不過有乙個激動人心的東西，就是它也提供畫素級處理，這個強大，因為直接對畫素處理可以進行複雜的影象變換，比強像ps裡面的濾鏡效果，除此之外，還有一些樣式控制，狀態控制。這個canvas讓我想到了和ps的裡的對比，只是讓我們直觀了解下canvas
首先，canvas裡的beginpath等就是ps裡的路徑，stroke就像是描邊，fill就是油漆桶填充，gradient就是漸變，beziercurveto就是鋼筆繪貝塞爾曲線
做動畫，首先想到的是，像html的div移動一樣，不斷改變div的css值就行了，後來發現，canvas是繪圖的，不是做動畫的，它沒有圖層的概念，你將某個放到畫布上，它就是整乙個了，你不可能控制這個的移動了。後來想，那就不移動它，再重新畫一張就行了
以flash的模式來用canvas做遊戲動畫
舞台、禎、元件這些概念用在canvas上
想一想flash的逐禎動畫的製作過程
乙個小丑的移動過程：每一禎都是一幅影象，每一幅影象中，小丑向前移動一步，flash控制每隔很短的時間顯示一禎，這樣就形成了乙個動畫
對就canvas裡就可以這麼做，乙個舞台物件，舞台上有各種小丑（元件），一禎一禎的顯示，這一禎顯示完了就把舞台清空，然後重新繪製下一禎
flash裡邊涉及兩個問題：
一條主控時間線，控制舞台的顯示，然後對於每個元件，可能還會乙個自己的時間線，就是當元件是動畫的時候
那麼在canvas裡，就可以對應著這樣的設計模式
構造乙個舞台對像stage，將各個元件放在舞台上，不要時間主線，stage有乙個擦空原來舞台，根據stage的各元件狀態重繪舞台的方法，每乙個元件要做動畫的時候就生成乙個自己的時間線，比如小丑要移動的時候，可以在任何時候要求舞台stage重繪舞台，這樣，可能會在某個時刻，沒有乙個元件要求重繪舞台，那麼canvas的禎頻就是0，這樣的幀頻是動態變化的[/size]
var stage = {};
stage.paint()
function sprite()}}
function sprite2()}}
var stage = {};
stage.players = ;
stage.step()
settimeout(this.step,100);//舞台每隔一定時間步進
}function sprite()
}
[size=medium] 寫了乙個簡單的控制小丑移動的程式[/size]
]
接著學習中……
html5 初試 indexedDB 推薦
indexeddb是儲存大量結構化資料的api，demo中用到的是非同步api，麻煩的就是所有對indexeddb的操作都會發生乙個非同步的 請求 只要熟悉了api操作起來也很簡單。大體流程是這樣 1.開啟資料庫 j ascript code複製內容到剪貼簿 程式設計客棧 這樣就 建立 連線 了乙個...
html5遊戲開發
一 前言 本次教程將向大家講解如何用html5將小地圖塊拼成大地圖，以及如何用現有的高階html5遊戲開發庫件lufylegend.js開發遊戲。首先讓我們來了解了解如何用html5實現動畫，畢竟 動靜結合 是先有動再有靜。看了上一章的內容，或許你就有了對html5實現動畫有了初步了解 二 html...
Html5 移動遊戲開發
有很多遊戲採用h5技術開發，比如三國來了 巴哈姆特之怒 切繩子等。我們公司也有多款遊戲用h5開發，h5開發成本低，效率高，方便做自動更新，可移植性好。受益於h5技術，我們公司的很多產品都很方便跨平台。早在2012年，我就很榮幸負責技術攻關，把我們的遊戲移植到win8和wp8平台，當時在國內的win8...