WebGL之旅（十六） 層級模型

在變換時，父節點的變換會待著子節點一起，而子節點的變換則不會影響父節點。例如手臂的運動會帶動手肘的運動，而手肘的運動不影響手臂的運動。即：

示例，如下兩個立方體柱子，下面的為父節點，上面的未子節點。

/**

* 層次模型
* [email protected]
* */
g_radparent =
0.0;
g_radchild =
0.0;
function
main()
render
(gl, shaderprogram, n);}
});}
function
render
(gl, shaderprogram, n)
function
draw
(gl, shaderprogram, n, modelmat)
function
initvertexbuffers
(gl, sp)
function
initarraybuffer
(gl, sp, data, num, type, attribute)

webgl之旅:

WebGL之旅（四）簡單變換

變換又叫仿射變換，包括平移，縮放，旋轉。首先，我們繪製乙個三角形，後續將對其進行變換，變換前 xu.lidong qq.com 頂點著色器原始碼 var vertexshadersrc attribute vec4 a position 接收傳入位置座標，必須宣告為全域性 void main 片段著...

WebGL之旅（十三）平行光和漫反射

同色立方體 xu.lidong qq.com var gl srcvs attribute vec4 a position attribute vec4 a color uniform mat4 u mvpmatrix varying vec4 v color void main var gl sr...

學習WebGL 010 光照模型

參考 funwithwebgl2 012 phong lighting phong模型 環境光 漫反射 鏡面反射。lambertian模型 漫反射。1 環境光 void main 2 漫反射 漫反射是模擬光照到粗糙的物體表面的效果，會考慮到光的射入方向，但是不考慮觀察者的視線方向，垂直射入的光線會比...