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 | |
|---|---|---|---|---|
| Recursive Trail Ping‑Pong (Three.js Render‑to‑Texture Feedback) | 0 | 60 | February 9, 2026 | |
| Mouse Flowmap Distortion | 0 | 61 | December 28, 2025 | |
| Basic Feedback and Buffer Implementation with GLSL Shaders | 4 | 5257 | April 27, 2024 | |
| Is this ping-pong fbo project convertible to react and three fiber? (useFBO ?) | 0 | 75 | January 9, 2025 | |
| Capturing viewport 3D scene as texture for shader material | 2 | 693 | November 9, 2023 |