本文關(guān)鍵詞：WebGL入門指南，由筆耕文化傳播整理發(fā)布。

《WebGL入門指南》

基本信息

作者： (美)Tony Parisi

譯者： 郝稼力

出版社：人民郵電出版社

ISBN：9787115316684

上架時(shí)間：2013-6-13

出版日期：2013 年6月

開本：16開

頁(yè)碼：186

版次：1-1

所屬分類：計(jì)算機(jī)

更多關(guān)于 》》》《WebGL入門指南》

內(nèi)容簡(jiǎn)介

計(jì)算機(jī)書籍

　　webgl是一項(xiàng)新的web 3d圖形標(biāo)準(zhǔn)，也是html5大家庭中的一員�！�WebGL入門指南》從webgl和3d圖形學(xué)的基礎(chǔ)概念講起，循序漸進(jìn)，用多個(gè)簡(jiǎn)單的實(shí)例直觀地講解了各個(gè)知識(shí)點(diǎn)，，包括從坐標(biāo)系統(tǒng)到投影矩陣這些數(shù)學(xué)基礎(chǔ)，也包括從紋理貼圖到模型動(dòng)畫這些圖形效果；隨后又理論結(jié)合實(shí)際，介紹了在現(xiàn)實(shí)開發(fā)環(huán)境中需要注意的各種問(wèn)題，例如，如何挑選webgl框架以及使用哪種3d內(nèi)容交換格式；在最后一章，作者把全書所有講過(guò)的知識(shí)綜合到一起，制作了一個(gè)完整的webgl游戲，讓讀者能夠基本了解webgl這一新技術(shù)的開發(fā)流程，以便讀者可以獨(dú)立開發(fā)自己的webgl應(yīng)用。

　　 除此之外，在多個(gè)實(shí)例中作者還應(yīng)用了一些非常便捷有效的圖形開發(fā)技巧，這些脫胎于作者多年圖形經(jīng)驗(yàn)的小技巧可以節(jié)省很多工作量，也讓初入圖形學(xué)門檻的讀者可以眼前一亮，領(lǐng)會(huì)到圖形開發(fā)的美妙和樂趣。

　　 《WebGL入門指南》適合web開發(fā)人員閱讀，尤其是對(duì)3d開發(fā)感興趣的讀者。

目錄

第1章　webgl簡(jiǎn)介　1

1.1　webgl——一個(gè)技術(shù)定義　2

1.2　3d圖形學(xué)——入門　4

1.2.1　3d坐標(biāo)系　4

1.2.2　網(wǎng)格、多邊形和頂點(diǎn)　5

1.2.3　材質(zhì)、紋理和光源　5

1.2.4　變換與矩陣　6

1.2.5　相機(jī)、透視、視口和投影　6

1.2.6　著色器　7

1.3　webgl原生api　8

1.3.1　webgl應(yīng)用結(jié)構(gòu)剖析　9

1.3.2　畫布元素與繪制上下文　9

1.3.3　視口　10

1.3.4　buffer、arraybuffer和類型化數(shù)組　10

1.3.5　矩陣　11

1.3.6　著色器　12

1.3.7　繪制圖元　13

1.4　本章小結(jié)　14

第2章　你的第一個(gè)webgl程序　15

.2.1　three.js——一個(gè)javascript 3d引擎　15

2.2　建立three.js運(yùn)行環(huán)境　17

2.3　一個(gè)簡(jiǎn)單的three.js網(wǎng)頁(yè)　17

2.4　一個(gè)真實(shí)的3d示例　20

2.4.1　為場(chǎng)景著色　23

2.4.2　添加紋理映射　24

2.4.3　旋轉(zhuǎn)物體　25

2.4.4　循環(huán)重繪和requestanimationframe()　25

2.4.5　讓頁(yè)面貼近生活　26

2.5　本章小結(jié)　27

第3章　圖形　28

3.1　sim.js——一個(gè)輕量級(jí)的webgl模擬框架　29

3.2　創(chuàng)建網(wǎng)格　30

3.3　使用材質(zhì)、紋理和光源　34

3.3.1　光源的種類　35

3.3.2　使用多重紋理創(chuàng)建更具真實(shí)感的場(chǎng)景　37

3.3.3　紋理與透明　42

3.4　構(gòu)建變換層級(jí)　42

3.5　創(chuàng)建自定義幾何體　46

3.6　點(diǎn)和線的渲染　49

3.6.1　使用粒子系統(tǒng)繪制點(diǎn)　50

3.6.2　線的繪制　52

3.7　編寫著色器　53

3.7.1　webgl著色器基礎(chǔ)　53

3.7.2　three.js中的著色器　55

3.8　本章小結(jié)　60

第4章　動(dòng)畫　61

4.1　動(dòng)畫基礎(chǔ)　61

4.1.1　幀動(dòng)畫　61

4.1.2　時(shí)間動(dòng)畫　62

4.1.3　插值與補(bǔ)間動(dòng)畫　62

4.1.4　關(guān)鍵幀　63

4.1.5　關(guān)節(jié)動(dòng)畫　64

4.1.6　蒙皮動(dòng)畫　64

4.1.7　目標(biāo)變形動(dòng)畫　64

4.2　使用tween.js庫(kù)來(lái)創(chuàng)建補(bǔ)間動(dòng)畫　65

4.2.1　創(chuàng)建一個(gè)基本的補(bǔ)間動(dòng)畫　66

4.2.2　帶緩動(dòng)效果的補(bǔ)間動(dòng)畫　68

4.3　為帶關(guān)節(jié)的模型制作關(guān)鍵幀動(dòng)畫　71

4.3.1　載入模型　71

4.3.2　為模型制作動(dòng)畫　73

4.4　材質(zhì)和光源動(dòng)畫　76

4.5　紋理動(dòng)畫　78

4.6　蒙皮動(dòng)畫和變形動(dòng)畫　80

4.7　本章小結(jié)　80

第5章　交互　81

5.1　點(diǎn)擊檢測(cè)、拾取和投影　81

　　three.js中的點(diǎn)擊檢測(cè)　82

5.2　處理鼠標(biāo)移入和點(diǎn)擊　85

5.3　處理拖曳　88

　　在拖曳中使用補(bǔ)間動(dòng)畫　91

5.4　使用點(diǎn)擊點(diǎn)和法線信息　91

5.5　基于相機(jī)的交互　92

5.5.1　利用鏡頭控制制作一個(gè)模型瀏覽器　93

5.5.2　場(chǎng)景漫游　95

5.6　本章小結(jié)　96

第6章　2d與3d的整合　98

6.1　整合動(dòng)態(tài)html和webgl　99

6.1.1　創(chuàng)建div元素彈出層　99

6.1.2　利用2d屏幕坐標(biāo)為3d物體添加注釋　103

6.1.3　為3d場(chǎng)景添加背景圖片　104

6.2　在2d頁(yè)面上插入3d浮層　105

6.3　利用2d canvas創(chuàng)建動(dòng)態(tài)紋理　107

6.4　使用視頻作為紋理　115

6.5　渲染動(dòng)態(tài)3d文字　119

6.6　webgl中的終極整合　121

6.7　本章小結(jié)　123

第7章　實(shí)戰(zhàn)webgl　124

7.1　如何選擇運(yùn)行庫(kù)和框架　124

7.2　載入3d內(nèi)容　126

7.2.1　collada：數(shù)字資產(chǎn)交換格式　126

7.2.2　three.js中的json模型文件格式　130

7.2.3　three.js二進(jìn)制模型文件格式　134

7.2.4　壓縮3d模型　135

7.2.5　three.js中的json場(chǎng)景文件格式　136

7.3　創(chuàng)建3d內(nèi)容　137

7.3.1　從blender中導(dǎo)出3d內(nèi)容　137

7.3.2　把obj文件轉(zhuǎn)換為three.js json文件　139

7.3.3　把obj文件轉(zhuǎn)換為three.js二進(jìn)制文件　139

7.3.4　其他軟件或格式的轉(zhuǎn)換　139

7.4　瀏覽器支持度　140

7.4.1　檢測(cè)瀏覽器的webgl支持　141

7.4.2　在safari中開啟webgl支持　142

7.5　處理丟失上下文事件　143

7.6　webgl的安全性　146

7.7　本章小結(jié)　149

第8章　你的第一個(gè)webgl游戲　150

8.1　構(gòu)建游戲的各個(gè)部分　151

8.1.1　相機(jī)、角色和控制　152

8.1.2　美術(shù)設(shè)計(jì)　159

8.1.3　模型預(yù)覽器　161

8.1.4　創(chuàng)建粒子系統(tǒng)　163

8.1.5　添加聲音　166

8.2　萬(wàn)物歸一　167

8.3　本章小結(jié)　180

后記　181

附錄a　webgl在線資源　183

本圖書信息來(lái)源：互動(dòng)出版網(wǎng)

  本文關(guān)鍵詞：WebGL入門指南，由筆耕文化傳播整理發(fā)布。

本文編號(hào)：51302