⚠️ WebGL 2.0 环境初始化失败

当前运行环境不支持 WebGL2 或由于安全策略拦截。请使用最新版本的 Google Chrome、Microsoft Edge 或 Firefox,并确认在系统/浏览器设置中启用了“硬件加速”。

计算机图形学:Gouraud 与 Phong 着色流水线交互对比

同几何细分 · 同点光源 (无距离衰减) · 同世界空间 Phong 局部光照函数 · 同单次 sRGB 显示转换

Gouraud 着色流水线 顶点级光照 (Per-Vertex)
顶点输入 (aPos, aNorm)
→
★ 顶点着色器 (算光照)
→
光栅化 (插值 vColor)
→
片元着色器 (显色输出)
Phong 着色流水线 逐片元光照 (Per-Fragment)
顶点输入 (aPos, aNorm)
→
顶点着色器 (变换几何)
→
光栅化 (插值 vPos, vNorm)
→
★ 片元着色器 (重算光照)
真实编译源码对照:
Gouraud 顶点着色器 (gl.shaderSource 原始文本) 计算位置:顶点
Phong 顶点着色器 (gl.shaderSource 原始文本) 计算位置:片元