html5 canvas游戲開發(fā)實(shí)戰(zhàn)pdf高清完整版免費(fèi)下載

html5 canvas游戲開發(fā)實(shí)戰(zhàn)從認(rèn)識(shí)html5和javascript的面向?qū)ο箝_始展開，全書共包括四大部分，在介紹每個(gè)游戲開發(fā)的過程時(shí)，都會(huì)包括游戲分析、開發(fā)過程、代碼解析和小結(jié)等相關(guān)內(nèi)容，以幫助讀者了解每種類型游戲開發(fā)的詳細(xì)步驟，讓讀者徹底掌握各種類型游戲的開發(fā)思想。

html5 canvas游戲開發(fā)實(shí)戰(zhàn)目錄

前　　言

第一部分　準(zhǔn)備工作篇

第1章　準(zhǔn)備工作

1.1　HTML5介紹

1.1.1　什么是HTML5

1.1.2　HTML5的新特性

1.2　Canvas簡介

1.2.1　Canvas標(biāo)簽的歷史

1.2.2　Canvas的定義和用法

1.2.3　如何使用Canvas來繪圖

1.2.4　Canvas的限制

1.3　開發(fā)與運(yùn)行環(huán)境的準(zhǔn)備

1.3.1　瀏覽器的支持

1.3.2　準(zhǔn)備一個(gè)本地的服務(wù)器

1.4　開發(fā)工具的選擇

1.5　測試與上傳代碼

1.6　JavaScript中的面向?qū)ο?/p>

1.6.1　類

1.6.2　靜態(tài)類

1.6.3　繼承

1.7　小結(jié)

第二部分　基礎(chǔ)知識(shí)篇

第2章　Canvas基本功能

2.1　繪制基本圖形

2.1.1　畫線

2.1.2　畫矩形

2.1.3　畫圓

2.1.4　畫圓角矩形

2.1.5　擦除Canvas畫板

2.2　繪制復(fù)雜圖形

2.2.1　畫曲線

2.2.2　利用clip在指定區(qū)域繪圖

2.2.3　繪制自定義圖形

2.3　繪制文本

2.3.1　繪制文字

2.3.2　文字設(shè)置

2.3.3　文字的對齊方式

2.4　圖片操作

2.4.1　利用drawImage繪制圖片

2.4.2　利用getImageData和putImageData繪制圖片

2.4.3　利用createImageData新建像素

2.5　小結(jié)

第3章　Canvas高級功能

3.1　變形

3.1.1　放大與縮小

3.1.2　平移

3.1.3　旋轉(zhuǎn)

3.1.4　利用transform矩陣實(shí)現(xiàn)多樣化的變形

3.2　圖形的渲染

3.2.1　繪制顏色漸變效果的圖形

3.2.2　顏色合成之globalCompositeOperation屬性

3.2.3　顏色反轉(zhuǎn)

3.2.4　灰度控制

3.2.5　陰影效果

3.3　自定義畫板

3.3.1　畫板的建立

3.3.2　Canvas畫布的導(dǎo)出功能

3.4　小結(jié)

第4章　lufylegend開源庫件

4.1　lufylegend庫件簡介

4.1.1　工作原理

4.1.2　庫件使用流程

4.2　圖片的加載與顯示

4.2.1　圖片顯示舉例

4.2.2　LBitmapData對象

4.2.3　LBitmap對象

4.3　層的概念

4.4　使用LGraphics對象繪圖

4.4.1　繪制矩形

4.4.2　繪制圓

4.4.3　繪制任意多邊形

4.4.4　使用Canvas的原始繪圖函數(shù)進(jìn)行繪圖

4.4.5　使用LSprite對象進(jìn)行繪圖

4.4.6　使用LGraphics對象繪制圖片

4.5　文本

4.5.1　文本屬性

4.5.2　輸入框

4.6　事件

4.6.1　鼠標(biāo)事件

4.6.2　循環(huán)事件

4.6.3　鍵盤事件

4.7　按鈕

4.8　動(dòng)畫

4.9　小結(jié)

第三部分　開發(fā)實(shí)戰(zhàn)篇

第5章　從簡單做起-“石頭剪子布”游戲

5.1　游戲分析

5.2　必要的JavaScript知識(shí)

5.2.1　隨機(jī)數(shù)

5.2.2　條件分支

5.3　分層實(shí)現(xiàn)

5.4　各個(gè)層的基本功能

5.4.1　基本畫面顯示

5.4.2　結(jié)果層的顯示

5.4.3　控制層的顯示

5.5　出拳

5.6　結(jié)果判定

5.7　小結(jié)

第6章　開發(fā)“俄羅斯方塊”游戲

6.1　游戲分析

6.2　必要的JavaScript知識(shí)

6.3　游戲標(biāo)題畫面顯示

6.4　向游戲里添加方塊

6.5　控制方塊的移動(dòng)

6.5.1　鍵盤事件

6.5.2　觸屏事件

6.6　方塊的消除和得分的顯示

6.7　小結(jié)

第7章　開發(fā)“是男人就下一百層”游戲

7.1　游戲分析

7.2　游戲標(biāo)題畫面顯示

7.3　讀取圖片與背景顯示

7.4　添加一個(gè)靜止的地板

7.5　添加游戲主角

7.5.1　讓游戲主角出現(xiàn)在畫面上

7.5.2　通過鍵盤事件來控制游戲主角的移動(dòng)

7.5.3　通過觸屏事件來控制游戲主角的移動(dòng)

7.6　添加多種多樣的地板

7.6.1　會(huì)消失的地板

7.6.2　帶刺的地板

7.6.3　帶有彈性的地板

7.6.4　向左和向右移動(dòng)的地板

7.7　游戲數(shù)據(jù)的顯示

7.8　游戲結(jié)束與重開

7.9　小結(jié)

第8章　開發(fā)射擊類游戲

8.1　游戲分析

8.2　添加一架可控飛機(jī)

8.2.1　添加一個(gè)飛機(jī)類

8.2.2　可控飛機(jī)類

8.3　為飛機(jī)添加多樣化的子彈

8.3.1　建立一個(gè)子彈類

8.3.2　單發(fā)子彈

8.3.3　多發(fā)子彈

8.3.4　環(huán)形子彈

8.3.5　反向子彈

8.4　添加敵機(jī)

8.4.1　建立一個(gè)敵機(jī)類

8.4.2　建立一個(gè)敵機(jī)Boss類

8.5　碰撞檢測

8.5.1　飛機(jī)與子彈的碰撞

8.5.2　我機(jī)與敵機(jī)的碰撞

8.6　子彈的變更

8.6.1　建立一個(gè)彈藥類

8.6.2　彈藥與我機(jī)的碰撞

8.7　飛機(jī)生命值的顯示

8.8　游戲勝利與失敗判定

8.9　小結(jié)

第9章　開發(fā)物理游戲

9.1　Box2D簡介

9.2　Box2dWeb在lufylegend庫件中的使用

9.3　創(chuàng)建各種各樣的物體

9.3.1　矩形物體

9.3.2　圓形物體

9.3.3　多邊形物體

9.4　響應(yīng)鼠標(biāo)拖拽物體

9.5　關(guān)節(jié)（Joint）

9.5.1　距離關(guān)節(jié)（b2DistanceJointDef）

9.5.2　旋轉(zhuǎn)關(guān)節(jié)（b2RevoluteJointDef）

9.5.3　滑輪關(guān)節(jié)（b2PulleyJointDef）

9.5.4　移動(dòng)關(guān)節(jié)（b2PrismaticJoint）

9.5.5　齒輪關(guān)節(jié)（b2GearJoint）

9.5.6　懸掛關(guān)節(jié)（b2LineJoint）

9.5.7　焊接關(guān)節(jié)（b2WeldJoint）

9.5.8　鼠標(biāo)關(guān)節(jié)（Mouse Joint）

9.6　力

9.7　碰撞檢測

9.8　鏡頭移動(dòng)

9.9　做一個(gè)簡單的物理游戲

9.10　小結(jié)

第10章　開發(fā)網(wǎng)絡(luò)游戲

10.1　HTTP通信

10.1.1　如何實(shí)現(xiàn)HTTP通信

10.1.2　HTTP通信的弊端

10.2　Socket通信

10.2.1　區(qū)分Socket通信和HTTP通信

10.2.2　服務(wù)器端

10.2.3　客戶端

10.3　利用WebSocket實(shí)現(xiàn)簡單的聊天室

10.4　做一款多人在線的坦克大戰(zhàn)

10.4.1　服務(wù)器

10.4.2　客戶端

10.5　小結(jié)

第四部分　技能提高篇

第11章　提高效率的分析

11.1　繪圖時(shí)使用小數(shù)的影響

11.2　drawImage和putImageData的效率比較

11.3　區(qū)域更新和圖片大小對繪圖效率的影響

11.4　圖片格式對繪圖效率的影響

11.5　優(yōu)化代碼以提高整體效率

11.5.1　使用位運(yùn)算

11.5.2　少用Math靜態(tài)類

11.5.3　優(yōu)化算法

11.6　小結(jié)

html5 canvas游戲開發(fā)實(shí)戰(zhàn)節(jié)選