CSGrandeur的WebGL學習——WebGL教程

在線查看：http://csgrandeur.gitbooks.io/webgl-learn/content/

離線mobi：http://files.cnblogs.com/files/CSGrandeur/csgrandeur-webgl-learn_mobi_20150520.rar

離線pdf：http://files.cnblogs.com/files/CSGrandeur/csgrandeur-webgl-learn_20150520.pdf

在線版本會及時更新，離線版本在有較大改動時更新。

第一章（目前只有一章）內容來自 Learning WebGL ，他的網站是：http://learningwebgl.com。我修改了代碼適用到gl-matrix 2.x的版本，把操做dom的代碼改爲jQuery了。教程沒有純翻譯，看着原版理解着寫着，不明白的問題在搜了以後補充上了，本身以爲太明白的問題刪減掉了。

以後學習的內容會開闢新的章節更新。若有問題歡迎指正。

——————————如下是教程前言——————————

簡介

WebGL是什麼

HTML5是當前HTML的新標準，其中一個特性就能夠用JavaScript寫調用顯卡的程序，在新的網頁元素Canvas上顯示華麗的3D效果，開發WebGL主要使用 JavaScript語言。

我學WebGL目前有兩點目的：

1. Web應該是跨平臺最舒服的手段了，沒有哪一個現代操做系統（哪怕手機系統）不配瀏覽器吧，HTML5的到來，感受Web前途一片光明。
2. JavaScript開發3D好像舒服不少啊，用C++寫OpenGL，編譯老半天，調試一步一步扯得蛋疼。

固然這兩點目的可能很傻很天真，不過學點有用的東西老是好的，也沒必要太較真兒了。

學習WebGL須要什麼基礎

開始學習WebGL時個人基礎：

• 具有一點PHP、HTML、JS的基礎知識，作過幾個Web的小項目。
• 作過幾年程序設計競賽，對C/C++語言還算比較熟悉。
• 跟着《OpenGL編程指南》第八版學過一點入門知識，懵懂了解可編程渲染管線的概念。

建議：

• 至少具有一些基本的編程技能，理解變量、函數等基礎知識。
• 沒必要擔憂對Web相關領域的陌生，畢竟那不是重點，也不會成爲學習WebGL過程當中的難點。
• WebGL的學習過程和OpenGL是類似相通的，因此也沒必要擔憂是否須要OpenGL的基礎知識

這本書幹什麼

這本書是我學習WebGL過程的記錄，會根據學習的經驗寫成教程的形式。

第一章是「Learning WebGL」的內容，部分是翻譯，部分是本身不懂的地方查閱資料補充的，也省略了一些以爲沒必要解釋過細的內容，能夠理解爲「Learning WebGL」的一箇中文版。以後學習的內容會開闢新的章節。

這本書的GitBook主頁：https://www.gitbook.com/book/csgrandeur/webgl-learn

對應的Github主頁：https://github.com/CSGrandeur/csgrandeur-webgl-learn

代碼演示：http://csgrandeur.github.io/WebGL_Learn_Code

初學者，不免有錯誤與疏漏，歡迎指正，我會及時修改更新。

參考

Learning WebGL 他的網站是：http://learningwebgl.com 。