web 3d terrain generator

A browser-based 3D terrain editor that lets you sculpt, tweak, and visualize procedural landscapes in real time, bringing the creative loop of 3D generation directly into the web.

• React Three Fiber as a React renderer for Three.js
• Drei addons for camera, lighting, and helpers
• GLSL Noise for Simplex noise generation
• Mantine for the editor UI

Every parameter change, noise scale, octaves, terracing, instantly regenerates the terrain, so the creative process feels like direct manipulation rather than a build-and-wait cycle.

• Shape

  Marching cubes turn a volume of density values into a visible mesh, giving full control over how terrain surfaces emerge.

• Noise

  Simplex noise drives height variation with tunable octaves, persistence, and detail, small tweaks produce dramatically different landscapes.

• Terracing

  Clamping height into discrete levels carves plateaus and cliff faces, adding structure to organic forms.

• Color Mapping

  A gradient texture maps elevation to color, so visual identity shifts as the terrain evolves.

• Smoothing

  Softens the low-poly facets into a more organic surface without losing the procedural character.

• Post-Processing

  Tilt-shift, bloom, noise grain, and brightness/contrast turn the raw mesh into something that feels cinematic.

• Ambient Motion

  A gentle float and slow rotation keep the terrain alive even when idle, inviting exploration.

The control panel exposes every generation parameter in a clear, grouped layout, gradient, marching cubes, so users can experiment freely.