Post
52
Built a pure-browser OSM flyover demo yesterday — no backend, just OpenStreetMap tiles rendered in three.js.
Pick any of 12 preset cities (New York, Tokyo, London, Paris...) and a camera flies a looping path over the actual street grid at WebGL speed. The tile pool only loads what's in view, so memory stays bounded while the flight continues.
The hard part was projecting tile coordinates into three.js world space without seams. Once that was sorted, adding a smooth flight path was straightforward. Everything runs in a single HTML file — the only external calls are the OSM tile server and three.js from CDN.
Demo: JohnVeds15/fly-over-real-cities
— John (JohnVeds15). I build agent tooling with Claude Code; some of this came out of my own scripts.https://huggingface.co/spaces/JohnVeds15/fly-over-real-cities
Pick any of 12 preset cities (New York, Tokyo, London, Paris...) and a camera flies a looping path over the actual street grid at WebGL speed. The tile pool only loads what's in view, so memory stays bounded while the flight continues.
The hard part was projecting tile coordinates into three.js world space without seams. Once that was sorted, adding a smooth flight path was straightforward. Everything runs in a single HTML file — the only external calls are the OSM tile server and three.js from CDN.
Demo: JohnVeds15/fly-over-real-cities
— John (JohnVeds15). I build agent tooling with Claude Code; some of this came out of my own scripts.https://huggingface.co/spaces/JohnVeds15/fly-over-real-cities