Home▸Nature & Climate▸Perlin Noise Terrain Generator (2D)

🏔️ Perlin Noise Terrain Generator (2D)

A 2D top-down elevation map generated from fractal Brownian motion (layered Perlin noise) with particle-based hydraulic erosion. Adjust octaves, persistence, scale, sea level and erosion strength in real time.

Nature & Climate2DModerate60 FPS📱 Mobile-adapted🌍 Earth ⇄ 3D version

Details

CategoryNature & Climate

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsSeed slider (0-999), Scale slider (0.5-8), Octaves slider (1-8), Persistence slider (0.1-0.9), Sea level slider (-5 to 15), Erosion droplets slider (0-5000), Biome / Height / Slope color mode buttons, Randomize & generate button, Regenerate (same seed) button, Mouse hover to read elevation at cursor

perlin noisefractal brownian motionheightmaphydraulic erosionprocedural generationterrain

Related simulations

Fractal Terrain (2D)A top-down 2D fractal terrain generator built on a genuine diamond-square…

Perlin Noise — Procedural Terrain & Texture GeneratorInteractive 2D Perlin noise visualiser with fractional Brownian motion (fBm). Generate…

Alpine Flight Simulator (2D)A 2D side-view flight sim showing lift, drag, thrust and gravity as an aircraft flies over… ⊞ All 474 in Nature & Climate →

⚙ Under the hood

A top-down 2D elevation map generated from fractal Brownian motion (layered Perlin noise octaves) and refined by particle-based hydraulic erosion — the same algorithms as the 3D original re-rendered as a heightmap. Adjust seed, octave count, persistence, scale, sea level and erosion strength, and switch between biome, height and slope color modes.

perlin noisefractal brownian motionheightmaphydraulic erosionprocedural generationterrain

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install