本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 當旋轉到一定角度后，三角形缺了一角：因為沒有指定可視范圍，webgl只顯示可視范圍之內(nèi)的區(qū)域，當改變視點位置時，三...
IP屬地：黑龍江
-
《WebGL編程指南》學習筆記25——利用鍵盤改變視點 -
《WebGL編程指南》學習筆記24——從指定視點觀察旋轉后的三角形本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 改變 【觀察者的狀態(tài)】與【對整個世界進行平移和旋轉變換】本質上一樣，都可以用矩陣描述。模型矩陣：旋轉矩陣、平移矩陣...
-
《WebGL編程指南》學習筆記23——視點和視線本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 三維立方體由三角形構成二維時要考慮頂點的x、y坐標，而三維物體還需要考慮深度信息。 定義一個觀察者：1觀察方向，2...
-
《WebGL編程指南》學習筆記22——在矩形表面貼上兩個圖片-使用多幅紋理本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 紋理圖像的加載是異步的，無法確定哪個圖像先加載完成，所以使用g_texUnit0和g_texUnit1來判斷是否加...
-
《WebGL編程指南》學習筆記21——在矩形表面貼上圖片本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 矩形=兩個三角形拼接圖片貼在矩形上的行為被稱為紋理映像，圖片被稱為紋理圖形或紋理使用紋理坐標來確定紋理圖像的哪部分...
-
《WebGL編程指南》學習筆記20——繪制彩色的三角形本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 將三個點變?yōu)槿切魏螅鈻呕膬?nèi)插過程會導致顏色漸變 未完待續(xù)。。。
-
《WebGL編程指南》學習筆記19——繪制三個點且顏色不同本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 頂點著色器和片元著色器中有類型和命名都相同的varying變量時，那么頂點著色器賦給varying變量的值會自動傳...
-
《WebGL編程指南》學習筆記18——動畫——三角形旋轉
本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 動畫基礎：轉動的三角形 = 不斷擦除和重繪三角形，每次重繪時改動角度requestAnimationFrame（）...
-
《WebGL編程指南》學習筆記17——復合變換-先平移再旋轉本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 構造模型矩陣： 先平移后旋轉的順序與構造模型矩陣的順序(旋轉矩陣X平移矩陣)是相反的 46行 = 設置旋轉矩陣4...
-
《WebGL編程指南》學習筆記16——平移、旋轉使用矩陣函數(shù)庫本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 為簡化手動計算矩陣，使用矩陣函數(shù)庫。 未完待續(xù)。。。
-
《WebGL編程指南》學習筆記15——變換矩陣-縮放4x4本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 y軸放大1.5倍，縮放因子為S = 1.5縮放因子為1.0時圖形不變動，為0.0時會導致圖形縮小到不可見 未完待續(xù)。。。
-
《WebGL編程指南》學習筆記13——變換矩陣：旋轉（4x4階）-優(yōu)化本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 gl.uniformMatrix4fv(u_xformMatrix, false, xformMatrix); 第...
-
《WebGL編程指南》學習筆記12——變換矩陣：旋轉（4x4階）本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 【旋轉矩陣】與【平移矩陣】合并，要先把三階的旋轉矩陣轉換成4 x 4階4 x 4階【旋轉矩陣】 未完待續(xù)。。。
-
《WebGL編程指南》學習筆記10——變換矩陣：旋轉（3x3階）
本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 在復雜情景（旋轉后平移）下，需要將平移和旋轉公式合并，但過于復雜，所以使用變換矩陣 來實現(xiàn) 等價于 =======...
-
《WebGL編程指南》學習筆記9——繪制三角形——旋轉三角形本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 實現(xiàn)旋轉和平移的基本方式一樣，都是在頂點著色器中計算頂點(平移或旋轉后)的新坐標旋轉三要素：1.旋轉軸（圖形將圍繞...
-
《WebGL編程指南》學習筆記8——繪制三角形——移動三角形本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 逐頂點操作：著色器為頂點坐標的每個分量加上一個常量(0.5) vec4類型，第四參數(shù)w必須為1.0才能表示三維的點...
-
《WebGL編程指南》學習筆記7——繪制飄帶本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 與繪制矩形的區(qū)別：gl.drawArrays(gl.TRIANGLE_FAN, 0, nLength); 三角扇 ...
-
《WebGL編程指南》學習筆記6——繪制矩形本系列僅作為本人學習《WebGL編程指南》這本書的筆記所用 WebGL只能繪制 點、線、三角形,萬物都可以用三角形繪制出來矩形劃分成兩部分的三角形繪制。(v0,v1,v2)和...