SHADER · Vite + three
简易水面着色器Procedural water shader plane
大平面 + 正弦位移顶点动画 + 菲涅尔近似片元高光，仿水面。
旗舰完整演示
可交互场景（拖拽旋转；部分演示支持键盘）。下方提示词用于让 Agent 生成同级成品。
预期产出 · Returns
Vite：可调波浪频率与颜色，岸边物体倒影可用简单 fake。
适合用在哪
湖泊、泳池、低多边形风格水面，无需真实流体模拟。
容易踩的坑
- 平面分段过低波浪呈锯齿。
提示词 · Prompt
Vite + Three.js 水面：
1) PlaneGeometry 高分段，ShaderMaterial；
2) 顶点着色器用 sin/cos 组合位移 y，uniform uTime；
3) 片元着色器简单 fresnel 混合深浅色；
4) 岸边放几个 rock mesh；
5) DirectionalLight 与 sky color uniform；
6) 性能注意：移动端降低分段。
完整 shader 与 main。
Vite procedural water ShaderMaterial, vertex waves, fresnel fragment, uTime animation.