Refractive C

玻璃字符 C 悬浮在持续变化的凹面媒体墙前，背景穿过立体字身时产生折射、模糊与彩色色散。指针移动会带动主体惯性旋转，并在画面中留下逐渐消散的液态扭曲与柔和光晕。

程序化媒体墙 · 屏幕空间折射 · GPU 流体 · 多 Pass 合成 · 多尺度 Bloom

Implementation steps

Step 01 of 06

建立随窗口自适应的全屏 Three.js 画布，并将程序纹理先渲染到离屏目标，再通过全屏 Pass 显示到屏幕，为需要读取中间画面的视觉效果提供基础。

Three.js · Render Target · 全屏 Pass · 响应式渲染