目錄最近研究webgl，看了《webgl程式設計指南》這本書，結合自己的專業知識寫的一系列教程。之前在看opengl/webgl的時候總是感覺opengl/webgl看的時候懂，實際用起來卻挺難，感覺中間總是隔著很多東西。現在一路邊學邊寫，才明白這中間缺少的其實就是總結，是實踐；把這個過程寫出來，既是幫助他人，也是幫助自己。
現在這一系列文章也寫了不少了，就寫個目錄彙總一下，方便查閱，以後增添了新的文章也會隨之更新。這一系列教程由淺入深，知識也是循序漸進的，前後關聯。例項也逐漸複雜，最終完成乙個地形渲染的例項：
圖1：地形渲染(紋理)
圖2：地形渲染(顏色)
1.webgl簡易教程(一)：第乙個簡單示例
概述了這篇教程的目的，編寫了webgl的第乙個示例。
2.webgl簡易教程(二)：向著色器傳輸資料
改進了繪製乙個點的例項，講述了webgl中向著色器(shader)傳輸資料的問題。
3.webgl簡易教程(三)：繪製乙個三角形(緩衝區物件)
通過乙個繪製三角形的具體例項，詳解了webgl中緩衝區物件(buffer object)的使用。
4.webgl簡易教程(四)：顏色
通過繪製彩色三角形的示例，介紹了varying變數，頂點著色器與片元著色器之間資料傳輸的過程：頂點裝配與光柵化。
5.webgl簡易教程(五)：圖形變換(模型、檢視、投影變換)
詳細講解了opengl\webgl關於繪製場景的圖形變換過程，並推導了其圖形變換矩陣。主要包括模型變換、檢視變換以及投影變換。
6.webgl簡易教程(六)：第乙個三維示例(使用模型檢視投影變換)
通過使用模型檢視投影變換，完成第乙個真正三維場景的示例：顯示一組由遠及近的三角形。
7.webgl簡易教程(七)：繪製乙個矩形體
通過乙個繪製矩形包圍盒的例項，進一步理解了模型檢視投影變換。
8.webgl簡易教程(八)：三維場景互動
基於之前教程的知識，實現了乙個三維場景的瀏覽例項：通過滑鼠實現場景的旋轉和縮放。
9.webgl簡易教程(九)：綜合例項：地形的繪製
綜合webgl的知識，實現了繪製一張地形圖的例項。
10.webgl簡易教程(十)：光照
講述了webgl光照生成的原理，並作出了實際案例。
11.webgl簡易教程(十一)：紋理
12.webgl簡易教程(十二)：包圍球與投影
通過包圍球來設定模型檢視投影變換，顯示合適的渲染位置。
13.webgl簡易教程(十三)：幀快取物件(離屏渲染)
詳細論述了webgl中幀緩衝區技術的實現。
14.webgl簡易教程(十四)：陰影
詳述了webgl中生成陰影的shadowmap演算法。
15.webgl簡易教程(十五)：載入gltf模型
詳述了通過webgl讀取、解析並顯示gltf格式資料的過程。
WebGL簡易教程 十四 陰影
目錄2.2.繪製部分 3.結果 4.參考 所謂陰影，就是物體在光照下向背光處投下影子的現象，使用陰影技術能提公升圖形渲染的真實感。實現陰影的思路很簡單 找出陰影的位置。將陰影位置的圖元調暗。很明顯，關鍵還是在於如何去判斷陰影的位置。陰影檢測的演算法當然可以自己去實現，但其實opengl webgl已...
WebGL筆記（目錄）
一共不到十篇的文章，算不上長篇大論，也沒有什麼深入分析，只不過把自己一步步的學習過程簡單記錄下來。同時也是對mdn教程 的重寫，做了相應的刪改，去掉了一些可能會干擾思路的部分。原來是想直接翻譯mdn的原文，但是感覺原文 不太嚴謹，而且是乙個例子貫穿始終 再加之自己e文也是水平不咋的，倒不如嘮點大白話...
學習筆記 WebGL教程 MDN
本學習筆記存在意義 閱讀學習mdn教程中自己的想法。step.1 起點 getting started with webgl act.1 切換語言 中文 act.2 已瀏覽一遍，腦袋記憶不住的地方是webgl 語言中的關鍵變數 mdn教程的開始，是準備html結構和js腳手架。這個部分對於js單刀手...