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

《WebGL入門指南》

基本信息

作者： (美)Tony Parisi

譯者： 郝稼力

出版社：人民郵電出版社

ISBN：9787115316684

上架時間：2013-6-13

出版日期：2013 年6月

開本：16開

頁碼：186

版次：1-1

所屬分類：計算機

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

內(nèi)容簡介

計算機書籍

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

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

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

目錄

第1章　webgl簡介　1

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

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

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

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

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

1.2.4　變換與矩陣　6

1.2.5　相機、透視、視口和投影　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章　你的第一個webgl程序　15

.2.1　three.js——一個javascript 3d引擎　15

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

2.3　一個簡單的three.js網(wǎng)頁　17

2.4　一個真實的3d示例　20

2.4.1　為場景著色　23

2.4.2　添加紋理映射　24

2.4.3　旋轉(zhuǎn)物體　25

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

2.4.5　讓頁面貼近生活　26

2.5　本章小結(jié)　27

第3章　圖形　28

3.1　sim.js——一個輕量級的webgl模擬框架　29

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

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

3.3.1　光源的種類　35

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

3.3.3　紋理與透明　42

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

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

3.6　點和線的渲染　49

3.6.1　使用粒子系統(tǒng)繪制點　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章　動畫　61

4.1　動畫基礎(chǔ)　61

4.1.1　幀動畫　61

4.1.2　時間動畫　62

4.1.3　插值與補間動畫　62

4.1.4　關(guān)鍵幀　63

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

4.1.6　蒙皮動畫　64

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

4.2　使用tween.js庫來創(chuàng)建補間動畫　65

4.2.1　創(chuàng)建一個基本的補間動畫　66

4.2.2　帶緩動效果的補間動畫　68

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

4.3.1　載入模型　71

4.3.2　為模型制作動畫　73

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

4.5　紋理動畫　78

4.6　蒙皮動畫和變形動畫　80

4.7　本章小結(jié)　80

第5章　交互　81

5.1　點擊檢測、拾取和投影　81

　　three.js中的點擊檢測　82

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

5.3　處理拖曳　88

　　在拖曳中使用補間動畫　91

5.4　使用點擊點和法線信息　91

5.5　基于相機的交互　92

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

5.5.2　場景漫游　95

5.6　本章小結(jié)　96

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

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

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

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

6.1.3　為3d場景添加背景圖片　104

6.2　在2d頁面上插入3d浮層　105

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

6.4　使用視頻作為紋理　115

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

6.6　webgl中的終極整合　121

6.7　本章小結(jié)　123

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

7.1　如何選擇運行庫和框架　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場景文件格式　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　檢測瀏覽器的webgl支持　141

7.4.2　在safari中開啟webgl支持　142

7.5　處理丟失上下文事件　143

7.6　webgl的安全性　146

7.7　本章小結(jié)　149

第8章　你的第一個webgl游戲　150

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

8.1.1　相機、角色和控制　152

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

8.1.3　模型預(yù)覽器　161

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

8.1.5　添加聲音　166

8.2　萬物歸一　167

8.3　本章小結(jié)　180

后記　181

附錄a　webgl在線資源　183

本圖書信息來源：互動出版網(wǎng)

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

本文編號：51302