Reduce motion is on · previews stay still
All effects Water & sky Neon Eulerian Fluid Simulation Neon Eulerian Fluid Simulation Neon Eulerian Fluid Simulation is a published Three.js prompt by @theailoser. It has source credit and no verified 3dmotion rebuild.
by @theailoser on X · 2026-09-23
Author preview · no on-site rebuild Original prompt @theailoser · X Rebuild status No verified 3dmotion rebuild. Open demo No live demo linked here. Prompt by @theailoser. Copies include source credit.
Original prompt Free · 2,473 characters Write a complete, single-file HTML document containing a high-performance, GPU-accelerated interactive Eulerian Neon Fluid Simulation. Strict Technical & Aesthetic Requirements: 1. Architecture & Performance: - Single-file: All HTML, CSS…
Write a complete, single-file HTML document containing a high-performance, GPU-accelerated interactive Eulerian Neon Fluid Simulation.
Strict Technical & Aesthetic Requirements:
1. Architecture & Performance:
- Single-file: All HTML, CSS, and JavaScript/GLSL shaders inline.
- Zero external dependencies: Pure WebGL 1.0 or 2.0 (no Three.js, no Pixi, no external libraries).
- GPU-Computed Fluid Dynamics: The simulation must run entirely via ping-pong Framebuffer Objects (FBOs) using custom fragment shaders for:
a) Advection (velocity & dye)
b) Divergence calculation
c) Pressure Poisson solver (Jacobi iteration, 20-30 iterations per frame)
d) Gradient subtraction / velocity projection
e) Vorticity confinement (adds turbulent swirls and prevents the fluid from turning into dull, blurry mush).
2. Visual Fidelity (The "Neon Smoke" Look):
- Pitch-black void background (`#050508`).
- Additive / High-Dynamic-Range blending for dye injection.
- Dynamic palette: Each cursor flick or touch drag injects high-luminosity neon dye that cycles smoothly through vivid cyber hues (electric cyan `#00F0FF`, hot magenta `#FF007F`, deep ultraviolet, and radiant gold).
- Display shader enhancements: Include a post-processing pass directly in the final render shader that applies subtle bloom/glow, tone mapping, and chromatic aberration around the swirling edges of the fluid.
3. Interaction:
- Mouse & Touch: Rapid cursor movement or dragging injects velocity proportional to mouse speed, along with dense glowing dye.
- Passive Ambient Motion: When idle, generate subtle procedural curl noise or gentle drifting vortices so the canvas is never completely static.
- Controls: A sleek, ultra-minimal glassmorphism HUD tucked into a corner (with auto-hide on inactivity):
* Viscosity slider
* Dye dissipation / persistence slider
* Splat radius slider
* "Clear Canvas" button
* Toggle button to cycle color themes (Cyberpunk, Thermal Inferno, Bioluminescent Deep).
4. Production Polish:
- Automatically handle high-DPI displays and `resize` events without stretching or clearing the FBO textures.
- Graceful fallback check for floating-point texture support (`OES_texture_float` / `OES_texture_half_float`).
- Clean, bug-free, fully implemented code with zero placeholders or truncated comments.
Return only the fully populated HTML file ready to run directly in Chrome/Safari/Firefox. Prompt by @theailoser , posted on X on 2026-09-23. x.com/theailoser/status/2102565612874596411 . Copies include this credit. Original prompt, credited
@MengTo Open, then Run
Original prompt, credited
collection · petergpt Open, then Run
Original prompt, credited
collection · petergpt Open, then Run
Original prompt, credited
collection · petergpt Open, then Run
A Verified card includes a receipt and a pinned single-file rebuild you can run here. Recorded limitations explain what the rebuild changes or leaves out.
