The Mimic
The story behind The Mimic
Inspired by Deception in animals on Wikipedia
Built with Pure WebGL2 · GLSL Fragment Shader · 3D Simplex Noise
Techniques Multi-layer creature camouflage · Cursor-trail disturbance field · Spectral edge iridescence · FBM environment generation
Direction The ocean floor is alive with perfectly camouflaged creatures — your movement breaks their disguise
Result A dark, flowing field where hidden shapes shimmer with iridescent color when you disturb them, then vanish when you stop
The Story
Animal deception is everywhere. Octopuses shift color in milliseconds to match any surface — despite being colorblind. Firefly femme fatales mimic the flash patterns of other species to lure males to their death. Caterpillars display false eyespots that make them look like snakes. The entire natural world is performing, constantly, for survival.
What’s striking isn’t that animals deceive — it’s that deception is the default. Honest signals are the exception. Every wing pattern, every flash of color, every frozen posture is a calculated bet between being seen and being believed. The predator’s problem isn’t finding prey. It’s knowing whether what they’re seeing is real.
The human truth underneath: we live in a field of signals too. And we can never be entirely sure which ones are genuine.
The Take
The Mimic drops you into a dark, flowing field — an abstract ocean floor. At first, you see only shifting teal and navy, organic patterns drifting slowly. Beautiful, but apparently empty.
Then you move. Your cursor drags through the field like a current, and something gives itself away — a shimmer at the edge of your wake. A shape that was always there, betrayed by the disturbance you created. Move faster and they can’t keep up: dozens of hidden forms, edges flickering with iridescent spectral color, exposed for a heartbeat before they adapt back to their surroundings.
Stop moving, and they vanish. Perfect camouflage. You were never alone.
The Tech
Three-Layer Creature System: The field contains three depth layers of hidden creatures at different scales. Surface creatures (noise frequency ×9) are small and reveal with the slightest movement. Mid-layer creatures (×4.5) need moderate disturbance. Deep creatures (×2.2) are massive and only expose under sustained, aggressive movement. Each layer is a thresholded 3D simplex noise field that creates organic blob shapes.
Perfect Camouflage: When undisturbed, every creature pixel outputs exactly the environment color — literally the same computation as if the creature weren’t there. The camouflage isn’t an approximation; it’s mathematically identical. The creatures are invisible because their color IS the environment color.
Cursor-Trail Disturbance: The experience tracks your last 16 cursor positions, each decaying with exp(-age * 2.5). This creates a physical wake — the disturbance spreads behind you like turbulence trailing through water. The disturbance radius grows with cursor speed, so slow exploration reveals a narrow path while fast movement floods a wide area.
True Colors & Spectral Edges: Each creature layer has a distinct “true color” that pulses with sinusoidal breathing — warm amber for surface creatures (bioluminescent flash), shifting cyan for mid-layer (iridescent shimmer), deep purple for the bottom layer (otherworldly). The edges of exposed creatures glow with spectral iridescence computed from a cosine color palette driven by position and time — like a cuttlefish’s chromatophore display firing in panic.
FBM Environment: The ocean floor uses three-octave fractal Brownian motion for rich visual depth, plus additional noise layers for color variation and subtle caustic ripple effects. The environment flows slowly and continuously, giving the field a living, breathing quality even when undisturbed.
This blog post was AI generated with Claude Code. Authored by Artificial Noodles.