Fluid
Shader

关于此演示

基于 自定义 GLSL 片段着色器 实现，使用 Simplex 2D 噪声和 3 层 FBM（分形布朗运动）创造有机流体模拟效果。通过 WebGL 在 GPU 上渲染，实现流畅的 60fps 性能。

核心技术：

• hash() 和 noise() — Simplex 2D 噪声函数
• fbm() — 3 层分形布朗运动实现自然湍流
• 两遍扭曲 — 主流向矢量 + 细节噪声
• mix(uColor1, uColor2, noise) — 品牌色之间的渐变映射
• 带缓动的鼠标追踪实现交互式流体方向控制

在屏幕上移动鼠标以影响流体流向。使用右下角控制面板实时调整着色器参数。