三维模型着色方式对比实验台 同一模型 · 同一光照 · 四种着色策略

控制变量法：四区域共享相同几何顶点、法线、相机与光源参数，精确呈现不同着色插值算法的视觉表现

🖱️ 在任意区域左键拖拽旋转模型 ｜ 滚轮微调缩放

1. 线框模型

显示三角形网格结构（拓扑骨架）

2. 平面着色 (Flat)

每个面计算一次颜色，面内保持一致

3. Gouraud着色

顶点计算颜色，片元插值颜色

4. Phong着色

插值法线，逐片元计算颜色

⚠️ WebGL2 初始化失败

您的浏览器或显卡驱动暂不支持原生 WebGL2。请使用最新版 Microsoft Edge、Google Chrome 或 Firefox 运行本教学实验台。