DEV Community

Geoffrey Menissier
Geoffrey Menissier

Posted on

Realistic WebGL map with GPS track, heightmap, and satellite imagery.

Ten years of a family travel blog, rebuilt as ten explorable 3D maps.

For the 10th anniversary of our family travel blog, ten trips rebuilt as interactive WebGL 3D maps: follow the route, open the photos, hear the story.

This "vibecoding" experience relies primarily on Claude Opus 5.5 and ElevenLabs.

WebGL 2 (custom renderer, no 3D library), GLSL, vanilla JavaScript, real elevation data (heightmap.skydark.pl), Mapbox satellite imagery, OpenStreetMap, ElevenLabs (AI narration)

Top comments (0)