mkbbreak的博客

统一性：所有变换均可表示为矩阵运算。可组合性：通过矩阵乘法合并复杂操作。硬件友好：适合GPU并行计算。理解矩阵变换是掌握图形编程的基础。

在图形学中，向量是描述几何、光照、运动等核心概念的基础工具。

gl-matrix 是一个高性能的 JavaScript 矩阵和向量库，专门为 WebGL 和其他 3D 图形应用设计。它提供了处理 2D、3D 和 4D 向量以及矩阵运算的高效方法。参数接收结果而不是返回新对象3. 在动画循环外预先计算不变化的矩阵gl-matrix 是 WebGL 和 3D 图形编程中非常实用的工具库，能够高效处理各种线性代数运算。- 2x3 仿射矩阵操作-- 2x2 矩阵操作-- 3x3 矩阵操作-- 4x4 矩阵操作-- 2D 向量操作-- 3D 向量操作-- 4D 向量操作-

投影矩阵是将3D场景从视图空间(相机空间)转换到裁剪空间的关键矩阵，它决定了3D物体如何投影到2D屏幕上。

将场景从世界坐标转换到相机(观察者)坐标空间确定相机的观察方向、位置和朝向本质上表示"相机在世界中的位置和方向"

模型矩阵是一个4x4的矩阵，用于表示物体在世界空间中的位置、旋转和缩放。将顶点从模型局部坐标空间转换到世界坐标空间应用物体的平移(位置)、旋转和缩放变换。

正交投影(Orthographic Projection)是WebGL中常用的一种投影方式，它保持物体的平行线在投影后仍然平行，不会产生透视效果(近大远小)。

索引缓冲区(也称为元素数组缓冲区)是WebGL中一种优化渲染性能的重要机制，它允许您重用顶点数据来绘制复杂的几何图形。

/ 对应gl_Position，对应vec4，vec4中，除第四个分量为1外，其余未分配的将自动填充为0，如第一个点 vec4( 0.0, 1.0, 0.0, 1.0)// 该示例中并未使用到z坐标，因此以下顶点数据与 vertexArray 相等 对应的 ebgl.vertexAttribPointer的第二个参数变为2即可。// 如：webgl.vertexAttribPointer(v3PositionIndex,2,webgl.FLOAT,false,0,0)

webgl顶点缓冲区

使用一个buffer对象交叉存储点的信息

webgl入门实例-06绘制多个大小不同点-深入理解buffer01，使用多个buffer绘制

/ 将 buffer 对象分配给 a_Position 变量。// 将 vertices 的数据写入 buffer 对象。//获取 a_Position 变量在内存中的位置。// 启用a_Position变量的赋值。// attribute 变量。// 创建buffer对象。

webgl入门实例-04绘制点-通过uniform变量传入点的颜色

通过鼠标点击绘制点

/ 将顶点位置传递给顶点着色器中的 attribute 变量。// 获取a_Position变量在内存中的位置。// attribute 变量。

/ 获取webgl上下文。