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

📅 2026/7/30 5:22:01 👁️ 阅读次数 📝 编程学习
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