一共不到十篇的文章,算不上長篇大論,也沒有什麼深入分析,只不過把自己一步步的學習過程簡單記錄下來。同時也是對mdn教程**的重寫,做了相應的刪改,去掉了一些可能會干擾思路的部分。
原來是想直接翻譯mdn的原文,但是感覺原文**不太嚴謹,而且是乙個例子貫穿始終;再加之自己e文也是水平不咋的,倒不如嘮點大白話、提供幾個例子更符合我個人的風格和能力水平、更喜聞樂見一點。
webgl筆記(一):起步
webgl筆記(二):頂點著色
webgl筆記(三):繪製立方體
webgl筆記(四):初步封裝
webgl筆記(五):封裝頂點和顏色等陣列資料(一)
webgl筆記(五):封裝頂點和顏色等陣列資料(二)
webgl筆記(六):簡單燈光
webgl筆記(七):貼圖
涉及到的js庫
檔名說明
iwebgl_beta_0.4.js 9.8 kb
iwebgl物件類,用於封裝諸多相關操作
arrayhelper_beta_1.0.js 11.6 kb
arrayhelper/grouphelper等資料操作類
sylvester.js 13.3 kb
matrix基礎類
glutils_mod.js 5.0 kb
修改過的matrix類
(完)
WebGL簡易教程 目錄
目錄最近研究webgl,看了 webgl程式設計指南 這本書,結合自己的專業知識寫的一系列教程。之前在看opengl webgl的時候總是感覺opengl webgl看的時候懂,實際用起來卻挺難,感覺中間總是隔著很多東西。現在一路邊學邊寫,才明白這中間缺少的其實就是總結,是實踐 把這個過程寫出來,既...
WebGL學習筆記3
webgl lesson 10 loading a world,and the most basic kind of camera 這個demo載入了乙個場景,並且能處理鍵盤事件。載入場景 xmlhttprequest http get request a callback function當載入場...
WebGL原理 (筆記2)
文字描述 首先,webgl裡有頂點著色器和片元著色器兩種著色器。頂點著色器和片元著色器是相互依賴的,缺一不可,並且首先被呼叫的是頂點著色器。可以把頂點相關的所有情報都傳給頂點著色器。比如,頂點的位置,頂點法線,紋理座標,頂點顏色等等,跟頂點相關的所有情報都可以傳給頂點著色器。在這裡,我們可以自由決定...