SHADER · Vite + three
法线可视化调试Normal buffer debug view
用 MeshNormalMaterial 或自定义 shader 输出视空间/世界空间法线，排查光照问题。
效果预览
轻量 WebGL 示意（非完整工程实现），可拖拽旋转；完整逻辑见下方提示词。
预期产出 · Returns
Vite 页：按键切换 Standard / NormalMaterial / 线框，同一模型对比。
适合用在哪
光照不对、法线翻转、模型导入异常时快速诊断。
容易踩的坑
- MeshNormalMaterial 看不出贴图法线错误，需切回 Standard 对比。
提示词 · Prompt
Vite + Three.js 调试视图：
1) 加载一个 glTF 或默认 TorusKnot；
2) 键盘 1/2/3 切换 MeshStandardMaterial、MeshNormalMaterial、Wireframe；
3) 屏幕角落说明当前模式；
4) 若法线贴图存在，注释 tangent space 与 normal map 的关系；
5) 提供 helper AxesHelper 可选开关。
代码完整可运行。
Vite: toggle Standard/Normal/Wireframe on a model, keyboard shortcuts.