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



這是一本介紹HTML5遊戲程式設計的書，在詳細闡述HTML5的核心技術基礎上，深入講解遊戲的運行機制，剖析遊戲的核心--遊戲引擎的細節內幕，並輔以豐富的完整遊戲開發案例為指導，逐步講解遊戲開發中常用的各種技術和方法。



全書一共11章，先後介紹了HTML5的新特性、HTML5中的Canvas繪圖技術、多媒體技術、遊戲運行機制及遊戲渲染引擎的開發、HTML5中的網路通訊基礎和Node.js框架、遊戲中常用的演算法技巧、物理引擎Box2D開發物理遊戲、使用CSS3開發遊戲，然後給出一個飛行射擊遊戲的綜合案例。此外，在最後兩章分別透過Node.js結合socket.js框架實作了兩個遊戲。每一章的內容既包括豐富的理論知識，又包含實戰性極強的案例。



本書適合有一定HTML和JavaScript語言基礎，對HTML5遊戲程式設計有濃厚興趣的Web前端開發工程師閱讀，同樣適合有一定的HTML5遊戲開發基礎的HTML5遊戲開發的工程師閱讀。



本書特色



國內第一本完整介紹HTML5遊戲程式設計的書籍

■完整介紹HTML5和遊戲相關的常用技術

■以大量完整的遊戲實踐開發案例為指導，逐步講解遊戲開發中常用的各種技術和方法。

■以HTML5的核心Canvas為基礎，融入通訊、演算法、Box2D等各種遊戲相關理論，並伴以目前流行的遊戲開發案例作為實踐。

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

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



HTML5如春風一般席捲Web應用領域，將會引領新一輪的網際網路革命。有HTML5的地方，就有夢工場。本書有系統全面地講解了HTML5在遊戲應用的方方面面，不僅理論知識豐富，而且實戰性極強，它就像一扇通往HTML5遊戲世界的夢想之門，帶領你擁有自己的夢工廠。

田愛娜，HTML5夢工廠創始人



隨著移動裝置硬體的提升以及瀏覽器性能的不斷強化，基於HTML5技術的網頁遊戲開發逐漸成為當下熱門的話題之一。本書以HTML5的核心Canvas為基礎，融入通訊、演算法、Box2D等各種遊戲相關理論，並伴以目前流行的遊戲開發案例作為實踐，對於學習HTML5和Canvas遊戲開發的從業者來說，是一本非常值得閱讀的遊戲開發書籍。

唐俊開，UC優視HTML5前端工程師

• 
  
  

  作者介紹

  
  
  
  
  
  
  向峰
  
  
  
  資深軟體開發工程師，具有多年的軟體開發管理經驗、系統架構經驗和技術培訓經驗。擅長J2EE平台各種流行技術，熱衷於使用C++/HTML5進行遊戲開發。曾任職於多家大型軟體企業擔任資深軟體工程師和系統軟體架構師，獲得中國首屆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遊戲類型