本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 当旋转到一定角度后，三角形缺了一角：因为没有指定可视范围，webgl只显示可视范围之内的区域，当改变视点位置时，三...
IP属地：台湾
-
《WebGL编程指南》学习笔记25——利用键盘改变视点 -
《WebGL编程指南》学习笔记24——从指定视点观察旋转后的三角形本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 改变 【观察者的状态】与【对整个世界进行平移和旋转变换】本质上一样，都可以用矩阵描述。模型矩阵：旋转矩阵、平移矩阵...
-
《WebGL编程指南》学习笔记23——视点和视线本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 三维立方体由三角形构成二维时要考虑顶点的x、y坐标，而三维物体还需要考虑深度信息。 定义一个观察者：1观察方向，2...
-
《WebGL编程指南》学习笔记22——在矩形表面贴上两个图片-使用多幅纹理本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 纹理图像的加载是异步的，无法确定哪个图像先加载完成，所以使用g_texUnit0和g_texUnit1来判断是否加...
-
《WebGL编程指南》学习笔记21——在矩形表面贴上图片本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 矩形=两个三角形拼接图片贴在矩形上的行为被称为纹理映像，图片被称为纹理图形或纹理使用纹理坐标来确定纹理图像的哪部分...
-
-
《WebGL编程指南》学习笔记19——绘制三个点且颜色不同本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 顶点着色器和片元着色器中有类型和命名都相同的varying变量时，那么顶点着色器赋给varying变量的值会自动传...
-
《WebGL编程指南》学习笔记18——动画——三角形旋转
本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 动画基础：转动的三角形 = 不断擦除和重绘三角形，每次重绘时改动角度requestAnimationFrame（）...
-
《WebGL编程指南》学习笔记17——复合变换-先平移再旋转本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 构造模型矩阵： 先平移后旋转的顺序与构造模型矩阵的顺序(旋转矩阵X平移矩阵)是相反的 46行 = 设置旋转矩阵4...
-
-
《WebGL编程指南》学习笔记15——变换矩阵-缩放4x4本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 y轴放大1.5倍，缩放因子为S = 1.5缩放因子为1.0时图形不变动，为0.0时会导致图形缩小到不可见 未完待续。。。
-
《WebGL编程指南》学习笔记13——变换矩阵：旋转（4x4阶）-优化本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 gl.uniformMatrix4fv(u_xformMatrix, false, xformMatrix); 第...
-
《WebGL编程指南》学习笔记12——变换矩阵：旋转（4x4阶）本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 【旋转矩阵】与【平移矩阵】合并，要先把三阶的旋转矩阵转换成4 x 4阶4 x 4阶【旋转矩阵】 未完待续。。。
-
《WebGL编程指南》学习笔记10——变换矩阵：旋转（3x3阶）
本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 在复杂情景（旋转后平移）下，需要将平移和旋转公式合并，但过于复杂，所以使用变换矩阵 来实现 等价于 =======...
-
《WebGL编程指南》学习笔记9——绘制三角形——旋转三角形本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 实现旋转和平移的基本方式一样，都是在顶点着色器中计算顶点(平移或旋转后)的新坐标旋转三要素：1.旋转轴（图形将围绕...
-
《WebGL编程指南》学习笔记8——绘制三角形——移动三角形本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 逐顶点操作：着色器为顶点坐标的每个分量加上一个常量(0.5) vec4类型，第四参数w必须为1.0才能表示三维的点...
-
《WebGL编程指南》学习笔记7——绘制飘带本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 与绘制矩形的区别：gl.drawArrays(gl.TRIANGLE_FAN, 0, nLength); 三角扇 ...
-
《WebGL编程指南》学习笔记6——绘制矩形本系列仅作为本人学习《WebGL编程指南》这本书的笔记所用 WebGL只能绘制 点、线、三角形,万物都可以用三角形绘制出来矩形划分成两部分的三角形绘制。(v0,v1,v2)和...