P5.js VFX — 91 Demos
91 visually stunning creative coding sketches — strange attractors, organic flows, physics simulations, 3D WEBGL worlds, mathematical beauty, and emergent phenomena.
Flows & Atmosphere
Curl Flow Field
3000 particles following curl of Perlin noise — divergence-free vector field with glowing color trails.
NoiseParticles 02Sprott B Attractor
Sprott type-B strange attractor in 3D WEBGL — looping ribbons of light with HSB trail coloring.
Chaos3D 03Ink Diffusion
Ink drops spreading through water — diffusion PDE on pixel array with advection and color blending.
Pixel ArrayPDE 04Aurora Borealis
Layered sine-wave curtains of light with FBM noise, color cycling from electric green to violet.
NoiseColor 05Solar Corona
Plasma loops tracing magnetic field lines — arching solar prominences with electric blue and gold particles.
PhysicsSpace 06Particle Jets
Two opposing particle beams collide and form spinning vortex rings — collider physics with glowing trails.
ParticlesPhysics 07Rayleigh-Taylor Instability
Dense fluid falling through light fluid — mushroom-cap plumes grow from a perturbated interface.
FluidPhysics 08Cyclone
Particle-based hurricane — spiral bands of precipitation converging on a calm eye wall in rotation.
ParticlesWeather 09Galaxy Whirlpool
Spiral flow field pulling 5000 particles into an iridescent galactic vortex.
ParticlesSpiral 10Electromagnetic Plasma
Charged particle dynamics in a dynamic field with color-coded force vectors and glowing trails.
PhysicsFieldStrange Attractors
Chen Attractor
Chen's chaotic system in 3D WEBGL — double-wing structure with rainbow orbital trails.
Chaos3D 12Dadras Attractor
Dadras-Momeni attractor — complex multi-lobed structure traced in glowing neon.
Chaos3D 13Rabinovich-Fabrikant
Asymmetric Rabinovich-Fabrikant attractor with intricate knotted 3D structure.
Chaos3D 14Burke-Shaw Attractor
Burke-Shaw system in 3D WEBGL — twisted figure-eight with HSB time-mapped color.
Chaos3D 15Nosé-Hoover Attractor
Toroidal Nosé-Hoover thermostat attractor — nested torus structure in 3D WEBGL with spectral coloring.
Chaos3D 17Finance Attractor
Wei's finance chaotic system — butterfly-like structure modeling boom-bust economic cycles in 3D.
Chaos3D 18Mandala Fractal
Recursive radially-symmetric fractal mandala with animated color cycling.
SymmetryFractal 19Koch Snowflake Waves
Koch snowflake with color wave animation sweeping through the fractal edges.
FractalColor 20Liu Attractor
Liu's chaotic system in 3D WEBGL — coiling spring-like structure in vivid hue gradient.
Chaos3DLife & Emergence
Murmuration 3D
2000 starlings in 3D WEBGL flock — alignment, cohesion, and separation create mesmerizing cloud shapes.
Boids3D 22Neuron Firing
Network of neurons with action potentials propagating along axons — cascading activation waves.
BiologyNetwork 23Coral Growth
Branching coral polyps grow upward seeking light — DLA-inspired with organic color variation.
GrowthBiology 24Root Morphogenesis
Root system growing downward toward water — branching L-system with gravitropism simulation.
GrowthPlants 25Firefly Synchronization
200 fireflies begin random — couple-oscillator dynamics drive them to flash in perfect unison.
EmergenceSync 26Predator-Prey Boids
Predator swarm hunts a prey flock — dramatic chases, evasion spirals, and emergent hunting packs.
AgentsEmergence 29Bubble Physics
Iridescent soap bubbles rise, drift, and pop with thin-film rainbow colors.
PhysicsColor 30Ant Maze
Ant colony solves a maze using pheromone trails — shortest path emerges from collective intelligence.
AgentsSwarmChaos & Dynamics
Lorenz Attractor
The butterfly — Lorenz system in WEBGL 3D with 10 simultaneous trajectories and glowing trails.
Chaos3D 32Rössler Attractor
Rössler system in 3D — a chaotic spiral with rainbow-colored trajectory.
Chaos3D 33Aizawa Attractor
The Aizawa attractor — shell-like structure with HSB color mapped to time.
Chaos3D 34Halvorsen Attractor
3-fold symmetric Halvorsen system with dense orbital trails in WEBGL.
Chaos3D 35Thomas Attractor
Thomas' cyclically symmetric system — dense 3D toroidal structure.
Chaos3D 36Double Pendulum Chaos
20 double pendulums launched near-identical — diverge into chaos with colored trails.
ChaosPhysics 37Bifurcation Diagram
Logistic map bifurcation — the road to chaos visualized across the parameter space.
ChaosMath 38Three-Body Problem
Three gravitational bodies in chaotic dance — unpredictable yet hypnotic trajectories.
PhysicsChaos 39Duffing Oscillator
Poincaré section of the forced Duffing oscillator — strange attractor on the phase plane.
ChaosMath 40Pendulum Wave
15 pendulums with lengths tuned for integer period ratios — beautiful phase synchrony patterns.
PhysicsWavesPhysics Simulations
Magnetic Pendulum
Pendulum oscillating over three magnets — fractal basins of attraction color-coded beneath in real time.
ChaosFractal 43Harmonograph
Dual-pendulum Lissajous machine — decaying amplitude traces intricate harmonograph figures.
PhysicsMath 45Mycelium Network
Fungal hyphal growth — branching network spreads across the canvas seeking nutrients.
BiologyGrowth 46Magnetic Field Lines 3D
3D magnetic dipole field lines traced in WEBGL — polar aurora field topology in color.
Physics3D 47Galaxy Merger
Two spiral galaxies collide — tidal bridges and tails form as gravitational dynamics play out.
PhysicsSpace 48Kepler Orbits
Family of Keplerian orbits with varying eccentricities — circles to parabolas in color gradients.
OrbitalMath 49Ant Colony Pheromones
Ants find shortest path to food and back — pheromone trails reinforce optimal routes.
AgentsSwarm 50Boids Flocking
2000 boids with alignment, cohesion, separation — emergent flocking with predator avoidance.
AgentsEmergenceWaves & Fields
Wave Interference
Two point sources creating constructive/destructive interference — animated phase shift.
WavesPhysics 52Double Slit Experiment
Quantum wave-particle duality visualization — interference pattern emerges over time.
QuantumWaves 53Spring Mesh
Interactive cloth-like spring grid — grab and drag nodes, watch oscillations propagate.
PhysicsInteractive 54Cloth Simulation
Verlet-integrated cloth draped from pins — tears under stress, responds to wind.
PhysicsVerlet 55Coupled Oscillators
2D lattice of coupled harmonic oscillators — wave modes and pattern formation.
WavesPhysics 56Kármán Vortex Street
Flow past a cylinder shedding alternating vortices — visualized with particle tracers.
FluidVortex 57Spherical Harmonics
Y_lm spherical harmonic modes spinning in 3D WEBGL — deforming sphere with HSB phase coloring.
Math3D 58Chladni Sound Patterns
Sand particle accumulation at Chladni node lines — 12 resonance modes to explore.
PhysicsWaves 59Drum Vibration Modes
Bessel function standing wave modes of a circular drum membrane with height coloring.
BesselWaves 60Fourier Epicycles
Drawing with spinning circles — decompose any path into Fourier series epicycles.
FourierMathMathematical Beauty
Spirograph
Hypotrochoid and epitrochoid curves — animated parameter sweep through thousands of forms.
ParametricMath 62Rose Curves
Rhodonea curves animated with sweeping n/d ratios — rational and irrational petal counts.
ParametricMath 63Lissajous 3D
Lissajous figures in 3D WEBGL — frequency ratios sweep through complex knot-like forms.
3DMath 64Hilbert Curve
Space-filling Hilbert curve animated through 7 generations — color mapped to position along curve.
FractalMath 65Collatz Tree
3n+1 conjecture visualized as a branching tree — thousands of sequences converging to 1.
MathTree 66Truchet Tiles
Random Truchet tile placement forming organic maze-like patterns — animated regeneration.
TilingGenerative 67Weierstrass Function
Nowhere-differentiable fractal function — animated parameter sweeps reveal infinite detail.
FractalMath 68Hypocycloid / Epicycloid
Rolling circle curves — animated parameter sweep through all hypo and epi-cycloids.
ParametricMath 69Golden Ratio Spiral
Fibonacci phyllotaxis with golden angle — sunflower seed arrangements and phi spirals.
NatureMath 70Mandelbrot Zoom
Smooth deep-zoom into the Mandelbrot set — iterative coloring reveals infinite fractal boundary detail.
FractalMath3D Worlds
Particle Nebula 3D
50,000 particles forming a stellar nebula in 3D WEBGL — gravitational collapse with glowing additive color.
3DParticles 73SDF Morphing Shapes
Signed distance function blending between sphere, torus, cube, and cone in 3D WEBGL.
SDF3D 74Möbius Particles
Particles confined to a Möbius strip surface — looping through the one-sided surface in 3D WEBGL.
Math3D 753D Curl Noise Flow
10000 particles flowing through 3D curl noise vector field — luminous streamlines in WEBGL.
Noise3D 76Fluid Ribbons 3D
Silk-like ribbons flowing through 3D noise field — billowing organic motion with iridescent color.
Noise3D 77Schnakenberg Reaction-Diffusion
Schnakenberg RD system producing rich Turing spots and stripes — more varied than Gray-Scott.
PDETuring 78Color Field Painting
Rothko-inspired generative color field — large chromatic zones with soft edges and emotion.
ArtColor 80Orbit Spirograph
Nested planetary epicycles tracing spirograph patterns — Ptolemaic model producing intricate rosettes.
OrbitalMathCellular & Emergent
Game of Life — Color Age
Conway's Game of Life where cells are colored by their age — reveals glider highways and oscillators.
CAClassic 83Lenia
Lenia continuous cellular automaton — smooth kernel-based CA producing alien life-like creatures.
CAEmergence 84Gyroscope Precession
3D gyroscope with Euler equations — torque-induced precession and nutation in WEBGL.
Physics3D 85Cyclic Cellular Automaton
Rock-paper-scissors CA with N states — spiral waves and vortices emerge spontaneously.
CAEmergence 86Brian's Brain
Three-state CA producing gliders, oscillators, and traveling structures.
CAGliders 87Phase Portrait Gallery
Animated phase portraits of ODEs — fixed points, limit cycles, and separatrices visualized.
DynamicsMath 88Hodgepodge Machine
Belousov-Zhabotinsky reaction simulation — spiral waves and chemical oscillations in vivid color.
CAChemistry 89Accretion Disk
Particles spiraling into a black hole — relativistic redshift and lensing color effects.
SpacePhysics 90Metaballs
Marching squares metaballs — smooth blobs merging and separating with iridescent surface shading.
MathGenerative3D Spectacles
Spring Lattice 3D
3D spring-mass lattice rippling with seismic waves — click to create a disturbance epicenter.
Physics3D 92Chaos Game IFS
Iterated Function System chaos game — Sierpinski, fern, dragon, and custom attractors.
IFSFractal 93Wave Machine 3D
Interactive 3D standing wave machine — tap to add waves, watch modes interfere in WEBGL.
Waves3D 94Torus Knot 3D
Animated (p,q) torus knot family in 3D WEBGL — tube geometry sweeping through all knot types.
Math3D 954D Tesseract Shadow
4D hypercube rotating in 4D projected to 3D — W coordinate mapped to color.
4DMath 96Electric Discharge
Lichtenberg figure — dielectric breakdown simulation growing fractal discharge patterns.
FractalPhysics 97Particle Galaxy 3D
100K particles in a 3D spiral galaxy with tilt, rotation, and additive glow in WEBGL.
3DParticles 98Wormhole Flight 3D
Flight through a WEBGL wormhole tunnel — CatmullRom path with animated tunnel rings.
3DSpace 99Recursive Tetrahedra
Sierpinski tetrahedron built recursively in WEBGL — 6 levels with HSB depth coloring.
3DFractal