Interactive Three.js/WebGL shader experiment using an FBO feedback loop (ping‑pong WebGLRenderTargets). Mouse movement is drawn into a 2D canvas (brush stamps + fade), uploaded every frame as a THREE.CanvasTexture, then rendered through a shader pipeline: a “trail pass” writes the current brush mask to a render target, and a feedback fragment shader re-samples the previous frame (tPrev), applies FBM noise displacement + blending, and outputs the next frame. The result is a fluid‑style trail with motion persistence, smearing, and time‑based color shifts.
Related topics
| Topic | Replies | Views | Activity | |
|---|---|---|---|---|
| Mouse Flowmap Distortion | 0 | 45 | December 28, 2025 | |
| Basic Feedback and Buffer Implementation with GLSL Shaders | 4 | 5232 | April 27, 2024 | |
| Is this ping-pong fbo project convertible to react and three fiber? (useFBO ?) | 0 | 71 | January 9, 2025 | |
| Capturing viewport 3D scene as texture for shader material | 2 | 683 | November 9, 2023 | |
| Using webgl2 in three.js, transforming feedback, an error occurs fbo | 0 | 312 | June 25, 2023 |