WebGL入門指南

《WebGL入門指南》是2013年人民郵電出版社出版的圖書，作者是帕里西 (Tony Parisi)。

基本介紹

• 中文名：WebGL入門指南
• 外文名：WebGL:Up and Running
• 作者：帕里西 (Tony Parisi)
• 譯者：郝稼力
• 語言：簡體中文
• 出版時間：2013年6月1日
• 出版社：人民郵電出版社
• 頁數：185 頁
• ISBN：9787115316684 
• 開本：16 開

內容簡介

Web 3D標準先驅人物的WebGL力作！通過學習，你會學到實用的WEBGL開發知識和概念，並實用three.js這一開發引擎進行開發，並通過綜合套用，教你實用WEBGL構建一個完整的3D套用。

WebGL是一項新的Web 3D圖形標準，也是HTML5大家庭中的一員。《WebGL入門指南》從WebGL和3D圖形學的基礎概念講起，循序漸進，用多個簡單的實例直觀地講解了各個知識點，包括從坐標系統到投影矩陣這些數學基礎，也包括從紋理貼圖到模型動畫這些圖形效果；隨後又理論結合實際，介紹了在現實開發環境中需要注意的各種問題，例如，如何挑選WebGL框架以及使用哪種3D內容交換格式；在最後一章，作者把全書所有講過的知識綜合到一起，製作了一個完整的WebGL遊戲，讓讀者能夠基本了解WebGL這一新技術的開發流程，以便讀者可以獨立開發自己的WebGL套用。 除此之外，在多個實例中作者還套用了一些非常便捷有效的圖形開發技巧，這些脫胎於作者多年圖形經驗的小技巧可以節省很多工作量，也讓初入圖形學門檻的讀者可以眼前一亮，領會到圖形開發的美妙和樂趣。 《WebGL入門指南》適合Web開發人員閱讀，尤其是對3D開發感興趣的讀者。

圖書目錄

第1章 WebGL簡介

1.1 WebGL——一個技術定義

1.23D圖形學——入門

1.2.13D坐標系

1.2.2 格線、多邊形和頂點

1.2.3 材質、紋理和光源

1.2.4 變換與矩陣

1.2.5 相機、透視、視口和投影

1.2.6 著色器

1.3 WebGL原生API

1.3.1 WebGL套用結構剖析

1.3.2 畫布元素與繪製上下文

1.3.3 視口

1.3.4 Buffer、ArrayBuffer和類型化數組

1.3.5 矩陣

1.3.6 著色器

1.3.7 繪製圖元

1.4 本章小結

第2章 你的第一個WebGL程式

2.1 Three.js——一個JavaScript 3D引擎

2.2 建立Three.js運行環境

2.3 一個簡單的Three.js網頁

2.4 一個真實的3D示例

2.4.1 為場景著色

2.4.2 添加紋理映射

2.4.3 旋轉物體

2.4.4 循環重繪和requestAnimationFrame

2.4.5 讓頁面貼近生活

2.5 本章小結

第3章 圖形

3.1 Sim.js——一個輕量級的WebGL模擬框架

3.2 創建格線

3.3 使用材質、紋理和光源

3.3.1 光源的種類

3.3.2 使用多重紋理創建更具真實感的場景

3.3.3 紋理與透明

3.4 構建變換層級

3.5 創建自定義幾何體

3.6 點和線的渲染

3.6.1 使用粒子系統繪製點

3.6.2 線的繪製

3.7 編寫著色器

3.7.1 WebGL著色器基礎

3.7.2 Three.js中的著色器

3.8 本章小結

第4章 動畫

4.1 動畫基礎

4.1.1 幀動畫

4.1.2 時間動畫

4.1.3 插值與補間動畫

4.1.4 關鍵幀

4.1.5 關節動畫

4.1.6 蒙皮動畫

4.1.7 目標變形動畫

4.2 使用Tween.js庫來創建補間動畫

4.2.1 創建一個基本的補間動畫

4.2.2 帶緩動效果的補間動畫

4.3 為帶關節的模型製作關鍵幀動畫

4.3.1 載入模型

4.3.2 為模型製作動畫

4.4 材質和光源動畫

4.5 紋理動畫

4.6 蒙皮動畫和變形動畫

4.7 本章小結

第5章 互動

5.1 點擊檢測、拾取和投影

Three.js中的點擊檢測

5.2 處理滑鼠移入和點擊

5.3 處理拖曳

在拖曳中使用補間動畫

5.4 使用點擊點和法線信息

5.5 基於相機的互動

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

5.5.2 場景漫遊

5.6 本章小結

第6章 2D與3D的整合

6.1 整合動態HTML和WebGL

6.1.1 創建DIV元素彈出層

6.1.2 利用2D螢幕坐標為3D物體添加注釋

6.1.3 為3D場景添加背景圖片

6.2 在2D頁面上插入3D浮層

6.3 利用2D Canvas創建動態紋理

6.4 使用視頻作為紋理

6.5 渲染動態3D文字

6.6 WebGL中的終極整合

6.7 本章小結

第7章 實戰WebGL

7.1 如何選擇運行庫和框架

7.2 載入3D內容

7.2.1 COLLADA：數字資產交換格式

7.2.2 Three.js中的JSON模型檔案格式

7.2.3 Three.js二進制模型檔案格式

7.2.4 壓縮3D模型

7.2.5 Three.js中的JSON場景檔案格式

7.3 創建3D內容

7.3.1 從Blender中導出3D內容

7.3.2 把OBJ檔案轉換為Three.js JSON檔案

7.3.3 把OBJ檔案轉換為Three.js二進制檔案

7.3.4 其他軟體或格式的轉換

7.4 瀏覽器支持度

7.4.1 檢測瀏覽器的WebGL支持

7.4.2 在Safari中開啟WebGL支持

7.5 處理丟失上下文事件

7.6 WebGL的安全性

7.7 本章小結

第8章 你的第一個WebGL遊戲

8.1 構建遊戲的各個部分

8.1.1 相機、角色和控制

8.1.2 美術設計

8.1.3 模型預覽器

8.1.4 創建粒子系統

8.1.5 添加聲音

8.2 萬物歸一

8.3 本章小結

後記

附錄A WebGL線上資源

作者簡介

Tony Parisi 著名的Web 3D標準的先驅人物，他曾先後創辦了數家公司並擔任CTO，然後出售其公司。Tony還是VRML和X3D語言的聯合創建者，目前VRML和X3D已經成為網路3D圖形的ISO標準。

譯者介紹

郝稼力 國內最大的WebGL技術社區及資訊站HiWebGL.com的創始人，首次把業界知名度最高的WebGL教程《LearningWebGL》翻譯為中文，受到眾多WebGL學習者的好評；致力於推動WebGL技術在國內的普及，曾在北京、上海等多地舉辦WebGL技術宣講和討論會。目前正和夥伴走在創業的道路上，運營著國內首個WebGL網站——撈3D網站（Lao3D.com）。

媒體推薦

“這是一本理想的Web 3D編程的入門教材。此書寫作上乘，清晰明了，且詼諧有趣。我真希望當年我開始學習WebGL的時候有這樣一本好書。”

——Giles Thomas

LearningWebGL.com創始人

“如果你是一位對3D感興趣的Web開發者，或者是對Web開發感興趣的3D開發者，我推薦本書作為您的必備伴侶。”

——Raffaele Cecco

視頻遊戲開發者、Web開發者、Supercharged JavaScript Graphic一書作者