Neon Fluid Playground
Drag glowing color through a swirling fluid simulation, with neon trails, turbulent curls and adjustable viscosity.
How it was made
No recipe was published for this Outcome. The exact prompt and any recorded model details are available. Copy this text kit to your agent to adapt it.
Models
- Opus 5.5 (creator-reported) · Anthropic · execution
About
Drag glowing color through a swirling fluid simulation, with neon trails, turbulent curls and adjustable viscosity.
Try it
Copy the prompt and run it with Claude Opus 5.5 in a coding/file-capable environment. WebGL-capable browser; coding agent able to write a standalone HTML file. The preview is the creator’s actual output, not a Possible-generated substitute.
Creator and prompt
By theailoser. Watch the original demo · Read the posted prompt. The copyable text preserves the disclosed prompt, with only the surrounding post label or quotation marks removed.
What to know
Creator reports a single prompt and no external dependencies. The posted video demonstrates interaction; we have not independently inspected the simulation source.
Model provenance: Opus 5.5 is reported by the creator. Possible verified the source pairing and media presentation, not an independent Opus generation. The prompt describes the requested result; it does not establish that every requested feature worked. The preview is a playback copy of the creator’s video, with comparison labels and watermarks retained. Creator media is excluded from the repository’s MIT license; the original post remains linked.
Exact prompt
Hidden characters, if present, appear as Unicode escapesWrite 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.What you need
- WebGL-capable browser; coding agent able to write a standalone HTML file.
Download the result
Technical details and provenance
- Provider
- Anthropic
- Model
- Opus 5.5 (creator-reported)
- Published
- Publication
- community