TOPOGRAPHY
Procedural terrain · Perlin noise · Three.js
Vertices: 0 · Frame rate: 0fps
Layered Noise
Three octaves of sine and cosine functions combine at different frequencies and amplitudes to simulate the complexity of natural terrain. Each layer adds finer detail to the overall shape.
Vertex Displacement
22,500 vertices on a 150x150 subdivision plane are displaced in real-time every frame. Height values drive both the Y position and the vertex color, creating a topographic heat map effect.
Wireframe Rendering
The mesh uses a transparent wireframe material at 15% opacity, combined with exponential fog that fades geometry into the dark background. This creates depth without heavy GPU load.
Procedural Generation
No textures, no pre-built assets. The entire landscape is generated mathematically at runtime. This approach scales infinitely and requires minimal memory, making it ideal for real-time applications.