Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Terrain Generator (Beta)

Public visualization

Terrain Generator (Beta)

0 stars5🌍 Public
Mmeperezcuello
Last edited Oct 21, 2019
Created on Oct 4, 2019

An interactive WebGL terrain visualization maps grayscale heightmap data onto a 3D plane, displacing vertices via a custom Three.js `ShaderMaterial` and `vertexShader`. The fragment shader blends repeated textures (ocean, sand, grass, snow) using elevation-based `smoothstep` intervals, while D3 loads CSV height values. Users can orbit, zoom, and pan with `OrbitControls`, and the scene exports geometries through `GLTFExporter` or `OBJExporter`.

AI-generated description

A 3D scatter plot using Three.js and D3.

This variant uses the high pixel density Canvas technique described in Scaling HTML canvases for HiDPI screens.

Comments

Sign in to join the discussion.

MIT Licensed