Particles drift through invisible currents of Perlin noise.
60 FPS
📖
User Guide
▼
Welcome to Jade
Jade transforms mathematical algorithms into mesmerizing visual art. Every creation is unique, generated in real-time, and runs entirely offline in your browser.
Quick Start
Select a mode from the toolbar to change art styles
Click/touch the canvas to interact with the art
Use the palette selector to change color schemes
Click Randomize to generate new variations
Export HD saves your creation as a high-resolution PNG
💡 Tip: Each art mode responds differently to mouse/touch interaction. Experiment to discover how you can influence the creation!
Flow Field
Thousands of particles drift through invisible currents defined by Perlin noise. Creates organic, river-like patterns. Mouse attracts particles.
Particles
An interactive particle garden. Click to spawn particle bursts, watch them dance with gravity and forces. Physics-based motion with trails.
L-System
Procedural trees and plants grow from mathematical grammar rules. Each generation creates a unique organic structure. Click to grow new plants.
Game of Life
Conway's famous cellular automaton. Simple rules create complex, evolving patterns. Click to draw cells, watch life emerge from chaos.
Spirograph
Mathematical curves that loop into intricate patterns. Based on hypotrochoid equations. Creates geometric, symmetrical designs.
Harmonograph
Simulates a pendulum drawing machine. Multiple pendulums combine to create decaying, organic curves. Each randomization creates unique signatures.
Mandala
Draw with 8-fold radial symmetry. Every stroke is reflected to create balanced, meditative patterns. Click and drag to draw.
Reaction-Diffusion
Gray-Scott reaction-diffusion algorithm. Creates organic patterns like zebra stripes, coral, and fingerprints. Click to seed new reaction points.
Toolbar Controls
Mode Buttons: Switch between different art generators
Palette: Change the color scheme (7 palettes available)
Speed: Adjust animation speed (where applicable)
Randomize: Generate new random parameters
Clear: Reset the canvas
Export HD: Download as PNG image
Canvas Controls
Click/Touch: Interact with the art (mode-dependent)
Drag: Continuous interaction in some modes
⏸️ Button: Pause/resume animation
⛶ Button: Toggle fullscreen mode
Keyboard Shortcuts
Space — Pause/Play
R — Randomize
C — Clear canvas
S — Save/Export
F — Toggle fullscreen
1-8 — Switch modes
Creating Great Art
Let animations run for a while — complexity builds over time
Try different color palettes for dramatically different moods
Use slower speeds for more detailed, intricate patterns
Experiment with the randomize button — happy accidents happen!
Exporting Tips
Pause the animation before exporting for a clean capture
Exports are high-resolution (2x your screen) for crisp prints
Dark backgrounds work great as phone/desktop wallpapers
Performance
FPS counter shows real-time performance
If laggy, try reducing speed or switching modes
Reaction-Diffusion is the most CPU-intensive mode
Works offline — add to home screen for app-like experience
💎 Secret: Each piece of art is mathematically unique. The same parameters will never create the exact same result twice due to random seeds and timing.