HTML5游戲開發(fā)實踐指南：快速掌握HTML 5游戲開發(fā)技術

譯者序
前言
第1章　HTML5概述1
1.1　超越基本的HTML1
1.1.1　JavaScript2
1.1.2　AJAX2
1.2　填補空白2
1.2.1　Google Gears3
1.2.2　Chrome Frame3
1.3　使用WebSockets和Web Workers編程4
1.3.1　WebSockets4
1.3.2　Web Workers4
1.4　應用程序緩存5
1.5　數(shù)據(jù)庫API6
1.5.1　WebSQL API6
1.5.2　IndexedDB API7
1.6　Web Storage7
1.7　定位8
1.8　提示用戶消息10
1.8.1　為顯示提示請求權限11
1.8.2　創(chuàng)建提示12
1.8.3　與提示信息實現(xiàn)交互13
1.9　媒體元素13
1.9.1　控制媒體播放14
1.9.2　處理不支持的格式15
1.10　繪畫API16
1.10.1　Canvas16
1.10.2　SVG16
1.10.3　WebGL16
1.11　使用Microdata傳達信息17
1.12　小結18
第2章　配置開發(fā)環(huán)境19
2.1　開發(fā)工具19
2.1.1　安裝Java19
2.1.2　安裝Eclipse IDE和Google插件20
2.1.3　Google Web Toolkit21
2.2　Web服務器端工具和選項22
2.2.1　Google App Engine23
2.2.2　Opera Unite23
2.2.3　Node.js和RingoJS23
2.3　瀏覽器端工具24
2.3.1　Chrome開發(fā)人員工具24
2.3.2　Chrome擴展程序25
2.3.3　Safari開發(fā)人員工具26
2.3.4　Firebug26
2.4　HTML5工具27
2.4.1　ProcessingJS27
2.4.2　Inkscape27
2.4.3　SVG-edit27
2.4.4　Raphal28
2.5　3D建模工具29
2.6　小結29
第3章　JavaScript概述30
3.1　什么是JavaScript30
3.1.1　JavaScript基本類型30
3.1.2　理解算術運算符31
3.1.3　理解JavaScript函數(shù)31
3.1.4　first-class對象函數(shù)32
3.1.5　比較運算符33
3.2　條件和循環(huán)語句34
3.2.1　使用循環(huán)控制程序流35
3.2.2　使用setTimeout和setInterval函數(shù)實現(xiàn)延遲執(zhí)行36
3.3　使用繼承和多態(tài)創(chuàng)建復雜對象37
3.4　JQuery簡介39
3.4.1　使用選擇器操作DOM元素40
3.4.2　JQuery事件41
3.4.3　JQuery中的AJAX41
3.4.4　跨站點腳本42
3.5　JSON：另一種JavaScript格式42
3.6　瀏覽器外的JavaScript43
3.6.1　移動平臺43
3.6.2　將JavaScript作為中間語言43
3.6.3　桌面應用中的JavaScript44
3.7　服務器端JavaScript45
3.8　小結46
3.9　練習47
第4章　游戲運行機制48
4.1　游戲設計48
4.1.1　撰寫基本設計文檔48
4.1.2　確定游戲類型49
4.1.3　游戲循環(huán)50
4.1.4　獲取用戶輸入50
4.2　使用高級數(shù)據(jù)結構實現(xiàn)游戲對象50
4.2.1　使用Set構建唯一數(shù)據(jù)列表50
4.2.2　使用鏈表創(chuàng)建對象圖52
4.3　理解SGF中的API53
4.3.1　核心API53
4.3.2　組件API54
4.3.3　資源API及網(wǎng)絡API55
4.4　使用SGF構建乒乓球游戲55
4.4.1　設置應用程序56
4.4.2　繪制游戲配件57
4.5　碰撞檢測和響應59
4.5.1　理解牛頓三大定律59
4.5.2　讓球動起來61
4.5.3　高級碰撞檢測和粒子系統(tǒng)62
4.6　通過人工智能增加游戲難度63
4.6.1　將人工智能應用到乒乓球游戲63
4.6.2　將人工智能應用到井字棋游戲64
4.7　小結66
4.8　練習66
第5章　使用Canvas標簽構建游戲67
5.1　Canvas基礎67
5.1.1　繪制路徑68
5.1.2　繪制井字棋游戲的棋子69
5.2　使用變換繪制Canvas中的對象70
5.2.1　變換規(guī)則72
5.2.2　保存和恢復Canvas繪圖狀態(tài)72
5.3　在Canvas中使用圖片73
5.3.1　使用Data URI訪問圖片73
5.3.2　使用Spritesheets訪問圖片74
5.3.3　在Canvas中繪制圖片74
5.4　使用Trident.js創(chuàng)建動畫對象75
5.4.1　創(chuàng)建時間線75
5.4.2　使用關鍵幀實現(xiàn)動畫76
5.4.3　使用緩沖函數(shù)創(chuàng)建非線性時間線77
5.4.4　使用Spritesheets創(chuàng)建游戲對象動畫78
5.5　在2D空間模擬3D79
5.5.1　透視投影79
5.5.2　視差80
5.5.3　使用JavaScript創(chuàng)建視差效果80
5.6　創(chuàng)建Copy Me游戲82
5.6.1　繪制游戲對象82
5.6.2　創(chuàng)建游戲音調82
5.6.3　在瀏覽器中播放MIDI文件84
5.6.4　同時播放多個音頻84
5.6.5　順序播放音頻85
5.6.6　繪制游戲文本86
5.6.7　使用CSS設置文本字體86
5.7　小結87
5.8　練習87
第6章　使用SVG和RaphalJS構建游戲88
6.1　SVG概述88
6.2　使用RaphalJS89
6.2.1　設置游戲開發(fā)環(huán)境90
6.2.2　創(chuàng)建游戲板91
6.2.3　繪制游戲文本92
6.3　自定義字體92
6.3.1　設置顏色95
6.3.2　加載游戲資源96
6.3.3　將SVG文件轉換成位圖97
6.4　創(chuàng)建游戲類98
6.4.1　洗牌99
6.4.2　繪制及卡片動畫100
6.5　制作高級動畫102
6.5.1　路徑102
6.5.2　moveto和lineto103
6.5.3　curveto103
6.5.4　從SVG文件中導出路徑104
6.5.5　在路徑中使用動畫104
6.6　使用插件擴展Raphal105
6.6.1　添加函數(shù)105
6.6.2　SVG濾鏡105
6.7　權衡速度106
6.8　小結106
6.9　練習106
第7章　使用WebGL和Three.js構建游戲108
7.1　三維109
7.2　用材質和光源美化對象110
7.2.1　了解照明110
7.2.2　使用材質及著色器111
7.3　創(chuàng)建第一個Three.js場景113
7.3.1　設置視角113
7.3.2　觀察世界118
7.4　使用Three.js加載3D模型119
7.5　著色及紋理處理的編程121
7.6　使用紋理123
7.7　使用Three.js創(chuàng)建游戲125
7.8　用游戲模擬真實世界126
7.9　重溫粒子系統(tǒng)129
7.10　創(chuàng)建場景130
7.11　模型動畫設計131
7.12　3D模型資源131
7.13　校準游戲132
7.13.1　用Stats.js檢查幀速率133
7.13.2　運用WebGL Inspector133
7.14　小結134
7.15　練習134
第8章　不使用JavaScript構建游戲135
8.1　Google Web Toolkit135
8.1.1　了解GWT部件及布局136
8.1.2　使用JSNI向GWT展示JavaScript庫137
8.1.3　RaphalGWT138
8.1.4　使用gwt-html5-media創(chuàng)建聲音139
8.1.5　使用GWT訪問繪圖API139
8.2　CoffeeScript140
8.2.1　安裝CoffeeScript141
8.2.2　編譯CoffeeScript文件141
8.3　CoffeeScript快速指南142
8.3.1　基礎142
8.3.2　函數(shù)和調用142
8.3.3　別名、條件語句和循環(huán)語句144
8.3.4　增強的for循環(huán)和集合視圖144
8.3.5　類和繼承145
8.4　替代技術146
8.4.1　Cappuccino146
8.4.2　Pyjamas146
8.5　小結147
8.6　練習147
第9章　構建多人游戲服務器148
9.1　Node.js簡介148
9.1.1　使用Node包管理器擴展Node149
9.1.2　Node的多版本管理149
9.2　使用ExpressJS簡化Web App生成149
9.2.1　使用URL路由滿足服務請求150
9.2.2　會話管理152
9.2.3　理解ExpressJS應用程序的結構152
9.2.4　使用CoffeeKup定制HTML模板153
9.3　使用緩存存儲數(shù)據(jù)155
9.4　管理C/S通信155
9.4.1　使用Socket.IO通信156
9.4.2　使用Express安裝一個簡單的Socket.IO應用程序156
9.4.3　使用NowJS簡化Web Sockets157
9.5　調試Node應用程序158
9.6　創(chuàng)建游戲服務器159
9.6.1　創(chuàng)建游戲大廳159
9.6.2　使用NowJS Groups創(chuàng)建游戲房間160
9.6.3　管理游戲玩家和在不同的游戲房間中移動161
9.7　管理游戲162
9.8　小結163
9.9　練習163
第10章　開發(fā)移動游戲164
10.1　選擇移動平臺164
10.1.1　iOS164
10.1.2　Android164
10.1.3　WebOS165
10.1.4　Windows Phone 7165
10.2　flick、tap和swipe：移動手勢簡介166
10.3　選擇應用程序還是Web站點166
10.4　在移動設備上存儲數(shù)據(jù)168
10.4.1　從Lawnchair中解脫：一種相對容易的數(shù)據(jù)存儲方法168
10.4.2　開始使用Lawnchair169
10.5　使用JQuery和Zepto簡化客戶端腳本170
10.5.1　使用JQuery變種170
10.5.2　使用Zepto.js171
10.6　使用JoApp構建應用程序172
10.7　選擇應用程序框架173
10.7.1　PhoneGap173
10.7.2　深入PhoneGap API173
10.7.3　Appcelerator Titanium175
10.7.4　深入Appcelerator Titanium API175
10.8　使用Titanium和PhoneGap打包Android應用程序176
10.8.1　使用Titanium打包應用程序177
10.8.2　使用PhoneGap打包應用程序179
10.9　小結182
10.10　練習183
第11章　游戲發(fā)布184
11.1　優(yōu)化游戲資源184
11.1.1　使用Google Closure編譯器進行代碼小型化184
11.1.2　使用緩存運行離線程序185
11.2　服務器的主機服務188
11.3　在部署Node.js的服務器上發(fā)布游戲189
11.4　在Chrome Web Store上發(fā)布應用190
11.4.1　描述應用的元數(shù)據(jù)191
11.4.2　部署主機應用191
11.4.3　部署應用程序包193
11.4.4　在本地測試應用程序193
11.4.5　上傳應用程序到Chrome Web Store193
11.4.6　配置應用程序194
11.4.7　確定使用包應用還是使用Chrome主機應用195
11.5　使用TapJS發(fā)布應用197
11.5.1　創(chuàng)建TapJS應用197
11.5.2　打包TapJS應用程序199
11.5.3　將TapJS應用程序發(fā)布到Facebook199
11.6　使用Kongregate發(fā)布游戲201
11.7　將HTML5應用程序發(fā)布到桌面201
11.8　小結202
11.9　練習202