HTML5遊戲開發：使用Canvas、Node.js、CSS3、Box2D

名人推薦：手機遊戲飛速發展的年代，市場用兩年將藍海染成了紅海，從千萬市場到百億市場，而HTML5猶如手機遊戲開發的處女地，正在醞釀著一股巨大的力量，將會在未來的兩年內爆發，不過，這個潘朵拉盒子裡的風險與她的驚艷一樣讓人難以抵禦。恰巧的是，本書就是這團迷霧中的燈塔，指引您繞開暗礁，目的地的"寶藏"在你合上書的那一刻，將浮現在你的腦海，讓我們帶著本書啟航開啟HTML5開發的奪寶之旅吧！

李斌華，御風行數位科技有限公司產品總監

HTML5如春風一般席捲Web應用領域，將會引領新一輪的網際網路革命。有HTML5的地方，就有夢工場...

第1章 遊戲和HTML5初探
本章簡單介紹了網頁遊戲的現狀、HTML5的開發工具和HTML5的一些新的特性。

第2章 Canvas繪圖
Canvas元素是HTML5中一個非常重要的元素，也是實作遊戲的核心，Canvas元素的誕生為HTML5能夠支援較高性能的動畫和遊戲提供了可行性。本章將介紹Canvas 的一些常用的操作。

第3章 多媒體元素
遊戲的世界應該是充滿歡聲笑語的，音樂有時候帶給人的震撼甚至超過了視覺效果。這一章我們將繼續討論HTML5中兩個非常重要的元素audio和video。

第4章 製作2D遊戲引擎
在本章中我們將來學習一個遊戲引擎的製作過程，同時也將透過彈球小遊戲學習如何使用這個簡單但基本完善的引擎去製作第一款遊戲，希望大家透過這一章的學習能體會到遊戲製作的基本流程。

第5章 網路通訊基礎
本章我們將學習有關網路部分的基本知識，這些都是為能夠實作網路遊戲而建立的良好基礎，在後面的網路遊戲《你畫我猜》的實戰中，我們將會應用到本章所學的相關知識。

第6章 遊戲常用演算法
經過幾十年的發展，雖然遊戲的畫面有了翻天覆地的變化，但有一些質的東西是不會因為畫面的變化而改變，它們就像是遊戲的靈魂一樣，這就是遊戲中的演算法。

第7章 Box2D引擎和物理遊戲
2011年最熱門的移動平台遊戲非憤怒鳥莫屬，而其背後最大的功臣非Box2D莫屬。Box2D是什麼？它是一款免費的、優秀的基於2D的物理引擎，能讓遊戲表現出貼近現實的物理效果，這一章就讓我們揭開Box2D這款優秀引擎的面紗。

第8章 使用CSS3開發遊戲
在使用HTML5進行遊戲開發的過程中，使用canvas是一種選擇，隨著HTML5的發展和CSS3提供了更多、更有效的功能，完全使用CSS開發遊戲也是一種選擇，本章將來介紹與CSS3相關的一些知識。

第9章 程式設計實戰 — 太空戰機
本章我們將利用前面所學習的xengine開發一款飛行射擊類遊戲。

第10章程式設計實戰 — 你畫我猜
本章將結合canvas以及Node.js框架完成網路版的《你畫我猜》的小遊戲，相信，這個小遊戲完成後，大家對於網路遊戲會有一個基本的認識。

第11章程式設計實戰 — 瘋狂的小鳥
前面我們學習了Box2D物理引擎的基本知識，以及如何將Box2D和xengine渲染引擎進行結合。本章將以遊戲《憤怒鳥》為藍本，製作一個名叫《瘋狂的小鳥》的遊戲。

附錄A遊戲的歷史
附錄B遊戲類型

第1章 遊戲和HTML5初探
本章簡單介紹了網頁遊戲的現狀、HTML5的開發工具和HTML5的一些新的特性。

第2章 Canvas繪圖
Canvas元素是HTML5中一個非常重要的元素，也是實作遊戲的核心，Canvas元素的誕生為HTML5能夠支援較高性能的動畫和遊戲提供了可行性。本章將介紹Canvas 的一些常用的操作。

第3章 多媒體元素
遊戲的世界應該是充滿歡聲笑語的，音樂有時候帶給人的震撼甚至超過了視覺效果。這一章我們將繼續討論HTML5中兩個非常重要的元素audio和video。

第4章 製作2D遊戲引擎
在本章中我們將來學習一個遊戲引擎的製作過程，同時...