現在很流行html5，所以我也花時間去學一下，我主要學習的是canvas標籤，因為它可以畫圖，寫小遊戲。。。
發覺canvas寫遊戲跟用dom操作來寫遊戲很不同：
1，canvas是一張畫布，所有東西都是畫上去的，如果需要移動某個元素，需要擦掉它，然後再畫個新的上去。
2，dom操作，如果要畫乙個東西，需要將dom元素新增到body或某個div中，設定它的樣式，然後才會顯示對應的樣子出來，不過，它要移動，只需要改變座標。
3，canvas只會重繪canvas標籤，但dom會重繪頁面，消耗的效能要小很多。
4，暫時發現那麼多了。。。我也只是學到點皮毛而已。。。
遊戲說明：每次擁有兩次點選滑鼠的機會，每點選一次滑鼠，就會在相應的位置產生乙個會慢慢變大，然後慢慢變小的紅色球，當紅色球碰撞到藍色的小球，就會
將藍色小球吃掉，然後在藍色小球的位置，生出乙個紅色的球，最終看誰吃得小球最多。
遊戲預覽：
您的瀏覽器不支援html5，請使用chrome或者ff
bug肯定有的，**也寫得不咋d，請多多指教。
原始碼上面有完整注釋與說明，寫得很簡單，一看就能看懂的了。。
完整原始碼》
html5小遊戲基礎知識
顯示乙個div和隱藏乙個div 首先，我們要顯示乙個div和隱藏乙個div需要使用css裡面使用 hide show 在需要顯示或隱藏的div輸入 id title class show id title class hide 還有一種點選顯示和隱藏方法 js裡面的 function fun id ...
國外10款開源的HTML 5小遊戲
html 5遊戲的偉大之處在於，它們可以在所有現代瀏覽器上執行，包括iphone和windowsphone等智慧型手機上的瀏覽器。看看開源html 5遊戲是探索不同可能性和學習如何開發自己的遊戲的好方法。這款遊戲在幾乎所有平台上都很流行，2048年是開源的，可以在gizub上使用。這款遊戲是由加布里...
html5繪製小球波形運動
var canvas document.getelementbyid ballbroad var context canvas.getcontext 2d 角度var angle 0 y步長var speedy 0.1 x步長var speedx 3 重新整理頻率 var frames 1000 6...