WebGL筆記(目錄)

2022-03-22 11:38:58 字數 1840 閱讀 7937

一共不到十篇的文章,算不上長篇大論,也沒有什麼深入分析,只不過把自己一步步的學習過程簡單記錄下來。同時也是對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裡有頂點著色器和片元著色器兩種著色器。頂點著色器和片元著色器是相互依賴的,缺一不可,並且首先被呼叫的是頂點著色器。可以把頂點相關的所有情報都傳給頂點著色器。比如,頂點的位置,頂點法線,紋理座標,頂點顏色等等,跟頂點相關的所有情報都可以傳給頂點著色器。在這裡,我們可以自由決定...