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

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