🌿

Nature & Climate

Ocean waves, tectonic plates and natural phenomena of our planet. Shader mathematics that recreates Earth in the browser.

10+ simulations Three.js · GLSL Gerstner · Tectonic

Category Simulations

Open a simulation — it runs right in your browser

🌊
Popular ★★☆ Moderate
Ocean Waves
Gerstner waves, HDRI lighting, realistic foam and refraction. Control wind, height and wavelength in real time.
GLSL Gerstner HDRI
🌀
★★☆ Moderate
Interactive Ocean
Throw stones into water — watch ring waves and Fresnel effect in real time. Weather presets: calm, storm, tsunami.
GLSL Fresnel Interactive
🌍
New ★★★ Advanced
Tectonic Plates
Movement of lithospheric plates, continental collision, formation of mountains and faults on a procedurally generated Earth sphere.
Three.js GLSL Voronoi
❄️
New ★★☆ Moderate
Snow Crystal — DLA Growth
Watch a snowflake grow atom by atom via Diffusion-Limited Aggregation on a hexagonal grid with perfect 6-fold symmetry.
Canvas 2D DLA Hexagonal Grid Symmetry
🌪️
New ★★☆ Moderate
Tornado — Vortex Simulation
Thousands of particles spiral upward in a helical funnel. Control intensity, width and wind. Drag the tornado across the screen.
Canvas 2D Particles Vortex Fluid
🏔️
New ★★☆ Moderate
Procedural Terrain
Fractal Brownian Motion noise generates infinite heightmaps with biome colouring, hillshading and optional hydraulic erosion. Pan, zoom, export.
Canvas 2D fBm Noise Erosion Biomes
🌧️
New ★☆☆ Easy
Rain & Puddles
Raindrops fall, ripple, and splash. Watch storms, drizzle and sunny rain with rainbows, animated clouds and ripple physics.
Canvas 2D Kids Ripples Weather
🌈
★☆☆ Easy
Rainbow & Light
Light dispersion through water droplets and prisms. See real rainbow formation and atmospheric optics.
Canvas 2D Optics Kids
🦋
New ★☆☆ Easy
Butterflies & Flowers
Colourful butterflies flutter between flowers using steering behaviour. Click to plant new flowers and attract them!
Canvas 2D Kids Steering Nature
🐦
New ★★☆ Moderate
Migrating Bird Flock
Up to 250 birds flock together using the three rules of Boids: separation, alignment and cohesion. Scatter or release the hawk!
Canvas 2D Kids Boids Flocking
🏔️
★★ Intermediate New
Terrain Generator
Procedural terrain via Fractal Brownian Motion (fBm) and Perlin noise. Hydraulic erosion, sea level control, and biome coloring. Generate infinite unique landscapes.
fBm Perlin Noise Erosion
🌍
New ★★★ Advanced
Mantle Convection
2D Rayleigh-Bénard convection in Earth's mantle — the engine of plate tectonics. Hot rock rises, cools and sinks in slow convection cells. Adjust Ra, viscosity and heat flux live.
WebGL Finite Difference Geophysics
🔥
★☆☆ Easy
Forest Fire Spread
Cellular automaton simulation of forest fire spreading. Adjust tree density, ignition probability and wind direction — explore percolation thresholds and critical density.
Cellular Automaton Percolation Canvas 2D
🌍
New ★★☆ Moderate
Carbon Cycle
Interactive model of the global carbon cycle. Adjust fossil fuel emissions, deforestation and ocean uptake — see CO₂ accumulate in the atmosphere.
Climate Carbon Canvas 2D
☀️
New ★★☆ Moderate
Earth Energy Balance
Zero-dimensional climate model with solar constant, albedo and greenhouse gas forcing. Adjust parameters and see equilibrium temperature shift.
Climate Radiative Balance Canvas 2D
🔥
★★☆ Moderate
Fire & Smoke
Particle-based combustion: rising hot gas columns, turbulent plume and wind-driven spread. Adjust fuel density and humidity.
Combustion Particles
❄️
★★☆ Moderate
Crystal Growth
Diffusion-limited aggregation models ice and mineral crystal growth. Supersaturation controls branching. Three crystal systems: cubic, hexagonal, dendritic.
DLA Crystallography
🧬
★☆☆ Beginner
Conway's Game of Life
Conway's cellular automaton: 23/3 birth-survival rule on an infinite grid. Discover gliders, oscillators and spaceships — emergent complexity from two rules.
Cellular Automaton Emergence

Learning Resources

Articles and tutorials about the algorithms in this category

Article Gerstner Waves in GLSL Trochoidal waves. Fourier sum. Normals for Phong lighting on water. Article Tectonic Plates: Cellular Automaton Continental drift on a sphere. Cellular automata for erosion and mountain uplift. Article Sand and Granular Materials Cellular sand: angle of repose. The Falling Sand algorithm in pixels.
All articles →

About Nature & Climate Simulations

Oceans, atmosphere, terrain, and weather — simulated from first principles

Nature and climate simulations model the physical processes that shape our planet. Gerstner wave equations recreate realistic ocean surfaces; Mie and Rayleigh scattering produce accurate atmospheric colours including rainbows and sky gradients; a cellular-automaton erosion model sculpts procedural mountain terrain; and snowflake crystallisation grows fractal ice crystals one hexagonal lattice step at a time.

Each simulation exposes a different layer of Earth-system science — fluid dynamics, thermodynamics, optics, and geology — through interactive controls. Adjust wave height, atmospheric density, particle count, or precipitation rate and watch emergent patterns arise from simple physical rules. These are the same computational methods used in climate models, weather forecasting, and visual-effects pipelines.

Nature simulations reveal a profound principle: complex, lifelike behaviour can emerge from a handful of simple local rules. Boids flock without a leader, ant colonies find shortest paths without maps, and forest fires spread via nearest-neighbour ignition. This emergent complexity is not just beautiful — it underpins real ecological models, climate projections, and epidemiological forecasting used by governments and research institutions worldwide.

Key Concepts

Topics and algorithms you'll explore in this category

Boids AlgorithmThree rules: separation, alignment, cohesion
Predator-Prey (Lotka-Volterra)Population oscillation equations
Cellular AutomataLocal rules producing global emergent patterns
Fluid DynamicsNavier-Stokes applied to ocean and atmosphere
SIR ModelEpidemiological compartment model
Reaction-DiffusionTuring patterns from activator-inhibitor chemistry

Frequently Asked Questions

Common questions about this simulation category

How does the bird-flocking simulation work?
It implements Craig Reynolds' Boids algorithm: each agent applies three simple steering rules — separation (avoid crowding), alignment (steer toward neighbours' heading), and cohesion (move toward the average position). Complex flocking behaviour emerges with no global coordination.
What equations govern the predator-prey simulation?
The Fox & Rabbits simulation solves the Lotka-Volterra differential equations: dx/dt = αx − βxy and dy/dt = δxy − γy, where x is prey population and y is predator population. The phase-space orbit is a closed ellipse for the original linear model.
How is the climate/weather modelled?
Atmosphere and ocean simulations use simplified Navier-Stokes equations on a 2D grid, with temperature gradients driving convection cells. These are the same equations — at much lower resolution — that power operational weather forecast models.

Other Categories