Skip to content
TODO Site Name

PRJ-0013D2026

Contour Terrain Generator

(Sample project) A breathing contour-line terrain drawn in real time with GLSL shaders.

  • Three.js
  • GLSL
  • TypeScript
Demo(opens in a new tab)GitHub(opens in a new tab)
Contour lines on grey paper with a PRJ-001 label in the top-left corner

This is a sample project and will be replaced with real content before launch.

Background

I wanted a homepage background that feels like a survey map reacting to the cursor.

Challenges

  • Using fwidth to keep contour lines a constant width at any zoom
  • Capping devicePixelRatio on mobile to stay smooth
← Back to projects