全面掌握最新穎的HTML 應用核心技術WebGL,成為網頁3D大師!
WebGL是目前最熱門、也是極富前途的HTML5應用技術,已經有越來越多的3D 精彩應用出現在網頁上,包含3D地圖、臨床教學、3D 立體顯示、3D動畫和遊戲等,是一個極具潛力的應用領域。
本書從WebGL基礎講起,穿插3D 圖形學基礎概念,以循序漸進的方式,透過大量範例詳細說明,涵蓋WebGL中的所有特性,不管是有經驗的設計者還是初入門的設計者,都可以透過閱讀本書掌握WebGL 3D開發的最佳化知識。
本書特色:
全面包含基礎知識,初學者也能快速掌握WebGL。
實戰範例,幫助你抓住WebGL開發核心技能。
大量演算法,讓你提高工作效率。
只要會HTML和Javascript,變身網頁3D大師。
WebGL 3D結合Canvas 2D,快速成為網頁製作達人。
作者序
以HTML5 為基礎的Web 應用程式開發是大勢所趨, 已勢不可逆,WebGL 是Web 應用程式開發中的核心內容。
WebGL 用來在網頁上實現3D 即時動態繪製,並且可以使用GPU 硬體加速功能,因此可以快速高效的在以HTML5 為基礎的Web 應用程式中實現3D應用。WebGL 是目前最熱門、也是極富前途的HTML5 應用技術,已經有越來越多的3D 精彩應用出現在網頁上,包含3D 地圖、臨床教學、3D 立體顯示、3D 動畫、遊戲等。這是一個極具潛力,即將爆發的應用領域,Google 也已經將Google 地球移轉到了WebGL 上。
這本書不但包含WebGL 原生API、GLSL 著色語言、RenderMonkey 著色器開發和偵錯,而且還包含了流行的WebGL 框架函數庫Three.js,可以讓你從零開始精通WebGL。
本書為WebGL 開發3D 應用提供一個指南,包含實用方法、注意事項、最佳化體驗,不管你是有經驗的設計者還是初入門的設計者,都可以透過閱讀本書掌握網站WebGL 3D 開發的最佳化知識。
本書特色
1. 基礎知識非常全面:本書同時包含了WebGL 開發所應具備的5 部分知識:
WebGL 原生API
WebGL 偵錯
GLSL 著色語言
著色器開發和偵錯
Three.js 框架函數庫
本書從WebGL 基礎講起,其中穿插了3D 圖形學的基礎概念(包含線性代數的部分基礎知識),循序漸進,透過大量範例精細說明,涵蓋了WebGL中的所有特性,即使是初學者,也能快速掌握WebGL。
本書還詳細介紹了Three.js 框架函數庫的使用,目的是幫助使用者能夠迅速開發WebGL 程式。筆者還深入剖析其內部原理,讓讀者不僅知其然,而且知其所以然。
2. 包含大量案例實戰:這本書包含大量的案例實戰,讓你可以緊緊抓住WebGL 開發的核心技能,而且能夠快速開發出工作中使用的程式,幫助你完整系統、快速有效掌握WebGL 3D 開發的知識。
3. 包含大量實用演算法:圖形處理總是離不開演算法,好的演算法可以讓程式精簡有效率。這本書提供了很多實際專案中要使用的實用演算法,用來幫助你提供工作效率。
以HTML5 為基礎的Web 應用程式開發是大勢所趨, 已勢不可逆,WebGL 是Web 應用程式開發中的核心內容。
WebGL 用來在網頁上實現3D 即時動態繪製,並且可以使用GPU 硬體加速功能,因此可以快速高效的在以HTML5 為基礎的Web 應用程式中實現3D應用。WebGL 是目前最熱門、也是極富前途的HTML5 應用技術,已經有越來越多的3D 精彩應用出現在網頁上,包含3D 地圖、臨床教學、3D 立體顯示、3D 動畫、遊戲等。這是一個極具潛力,即將爆發的應用領域,Google 也已經將Google 地球移轉到了WebGL 上。
這本書不但包含WebGL 原生API、GLSL 著色語言、...
目錄
第一篇 WenGL 3D繪圖和動畫基礎篇
第01章 零起點開始學習WebGL
第02章 使用HTML5DOM HTMLCanvasElement API
第03章 WebGL 繪製管線
第04章 程式和著色器
第05章 OpenGL ES 著色語言(GLSL)
第06章 實戰3D 動畫中矩陣、向量的應用
第07章 WebGL 紋理對映貼圖
第08章 立方圖紋理貼圖
第09章 貼圖品質和MIP 影射貼圖
第二篇 WenGL進階篇
第10章 光源的計算
第11章 WebGL 進階技術
第12章 模版測試和平面陰影
第13章 離線繪製和繪製到紋理
第14章 效能最佳化、偵錯和例外處理
第15章 建立人機互動
第16章 使用RenderMonkey 進行著色器開發和偵錯
第17章 WebGL 擴充
第三篇 WenGL框架函數庫應用程式開發篇
第18章 WebGL 函數庫Three.js 入門
第19章 曲面的建構——幾何形體
第20章 曲面的建構——材質和紋理
第21章 光源和陰影
第22章 非常有益的協助工具
第23章 碰撞檢測和人機互動
第24章 動畫、模類型資料的使用和載入
第四篇 附錄
附錄A 強類別陣列
附錄B 結合CSS 過渡效果和2D 轉換實現動畫
附錄C Canvas 2D 和WebGL 3D 結合使用
第一篇 WenGL 3D繪圖和動畫基礎篇
第01章 零起點開始學習WebGL
第02章 使用HTML5DOM HTMLCanvasElement API
第03章 WebGL 繪製管線
第04章 程式和著色器
第05章 OpenGL ES 著色語言(GLSL)
第06章 實戰3D 動畫中矩陣、向量的應用
第07章 WebGL 紋理對映貼圖
第08章 立方圖紋理貼圖
第09章 貼圖品質和MIP 影射貼圖
第二篇 WenGL進階篇
第10章 光源的計算
第11章 WebGL 進階技術
第12章 模版測試和平面陰影
第13章 離線繪製和繪製到紋理
第14章 效能最佳化、偵錯和例外處理
第15章 建立人機互動
第16章 使用RenderMonke...