The latest articles on DEV Community by Geoffrey Menissier (@troispasdecote). https://dev.to/troispasdecote https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4184215%2F7c069e87-401d-4391-9152-b72b7dbe8991.png https://dev.to/troispasdecote en Geoffrey Menissier Wed, 14 Oct 2026 09:14:01 +0000 https://dev.to/troispasdecote/realistic-webgl-map-with-gps-track-heightmap-and-satellite-imagery-50pg https://dev.to/troispasdecote/realistic-webgl-map-with-gps-track-heightmap-and-satellite-imagery-50pg <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fm6srylhta76mdons7om9.jpg" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fm6srylhta76mdons7om9.jpg" alt=" " width="800" height="500"></a></p> <p>Ten years of a family travel blog, rebuilt as ten explorable 3D maps.</p> <p>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.</p> <p>This "vibecoding" experience relies primarily on Claude Opus 5.5 and ElevenLabs.</p> <p>WebGL 2 (custom renderer, no 3D library), GLSL, vanilla JavaScript, real elevation data (heightmap.skydark.pl), Mapbox satellite imagery, OpenStreetMap, ElevenLabs (AI narration)</p> <p><a href="http://anniversary.troispasdecote.fr/" rel="noopener noreferrer"></a></p> webgl blog elevenlabs map