07-WebGL 的“Hello World“：绘制第一个三角形

WebGL 的"Hello World"：绘制第一个三角形

知识点1：三角形是图形学的基础图元

📖 为什么是三角形？

在计算机图形学中，三角形是构建所有复杂3D模型的基础单元。任何复杂的几何体（立方体、球体、角色模型、地形）都可以分解为无数个三角形。

三角形的独特优势：

为什么不用矩形？ 为什么不用多边形？ 正方形可以分解 复杂多边形可能 成两个三角形 不是凸的、可能自交 □ → ◣ + ◢ ⬟ → △△△

三个核心原因：

1. 永远共面

   • 三个点必然在同一个平面上
   • 矩形/多边形的四个点可能不在同一平面（导致扭曲）

2. 易于插值（重心坐标）

   三角形内任何一点 P 都可以表示为： P = u·A + v·B + w·C 其中 u + v + w = 1，且 u,v,w ≥ 0 这意味着：颜色、纹理坐标、法线都可以在三角形内平滑插值！

3. GPU 硬件优化

   • GPU