Day 57. Breaking Bad in Albuquerque 🚐
What happens when a map stops being something you look at and becomes something you drive?
For Day 57, I built a Breaking Bad themed 3D Albuquerque scene where you can drive an RV using W, A, S, and D controls and explore filming location markers. It sits somewhere between a small web game and a map, but the geography still anchors the experience in a real place.
The stack is Three.js and WebGL, and the challenge is not rendering a static view, but keeping motion stable. Vehicle movement needs believable acceleration, turning, and friction, while the camera follows smoothly without jitter. At the same time, the terrain has to stay lightweight so the scene runs at a stable frame rate.
This is a reminder that cartography can be both playful and technically disciplined, especially when navigation becomes interaction, not just interface.
Inspired by Jesus Serrano’s Threebox work, using Mapbox GL JS as the scene anchor and a glTF RV as the playable layer.
Live demo: Breaking Bad Albuquerque
The project
| Piece | Role |
|---|---|
| Stack | Mapbox GL JS scene + Three.js/WebGL vehicle |
| Controls | W A S D drive; filming location markers |
| Challenge | Stable motion, camera follow, lightweight terrain |
| Inspired by | Jesus Serrano Threebox work |
How to follow
- Blog: blog.maptheclouds.com
- LinkedIn: Day 57 post
- Live demo: Breaking Bad Albuquerque
- Hashtag: #100DayMapChallenge
#100DayMapChallenge · Day 57/100 · LinkedIn
Previous: Day 56: Glen Canyon in Blue
Next: Day 58: Furry Journey