學習筆記 WebGL教程 MDN

本學習筆記存在意義：閱讀學習mdn教程中自己的想法。

act.1:切換語言-> 中文

act.2:已瀏覽一遍，腦袋記憶不住的地方是webgl 語言中的關鍵變數

mdn教程的開始，是準備html結構和js腳手架。這個部分對於js單刀手（沒有章法的野生js選手，如我），是新穎的，有學習價值的。

html關鍵內容：

js關鍵內容1:

var gl; // webgl的全域性變數

...function start() 
...vertexshader = getshader(gl,"shader-vs");
...shader=..按照條件使用gl.createshader
...獲得之後，source繫結，然後編譯。
最後返回shader

當這個步驟不能用1~2行**完成時，將其變成函式方式，確保init方法足夠整潔。

乙個gl可以attachshader多個。

act .2 建立物件

關鍵**：

var horizaspect = 480.0/640.0; // 透視？

function initbuffers()

建立緩衝區，然後繫結之

act .3 繪製場景

關鍵**：

function drawscene()

空間座標系轉換會用到矩陣轉換。這兒透視角度引數的計算顯然是需要用到矩陣計算的。

然後，使用別人寫好的工具。跳過了這麼難的一大塊內容，專注於想法的實施。

。。。 結束

。多看幾遍sample1~7，等能夠默寫出來旋轉的正方體了再寫心得。

WebGL學習筆記3

webgl lesson 10 loading a world,and the most basic kind of camera 這個demo載入了乙個場景，並且能處理鍵盤事件。載入場景 xmlhttprequest http get request a callback function當載入場...

webGL學習筆記一

一直對webgl感興趣，終於提起精神學習了，前路漫漫啊 在three.js中，要渲染物體到網頁中，我們需要3個組建 場景 scene 相機 camera 和渲染器 renderer 有了這三樣東西，才能將物體渲染到網頁中去。記住關建語句 有了這三樣東西，我們才能夠使用相機將場景渲染到網頁上去。另乙個...

WebGL簡易教程 目錄

目錄最近研究webgl，看了 webgl程式設計指南 這本書，結合自己的專業知識寫的一系列教程。之前在看opengl webgl的時候總是感覺opengl webgl看的時候懂，實際用起來卻挺難，感覺中間總是隔著很多東西。現在一路邊學邊寫，才明白這中間缺少的其實就是總結，是實踐 把這個過程寫出來，既...