Thursday, April 05, 2018

Make Your Town Dance with Mapbox GL

Louisville is a rocking city. Every time someone plays the University of Louisville Flight Song the whole city starts to dance. Jesse Haze's Mapbox Extrusion by Audio animates the buildings of Louisville to the tune of the Flight Song. As the song plays the city's buildings literally bounce up & down on the map.

The Flight Song can become annoying very quickly. When this happens I like to sing to the map instead. Mapbox's Animate 3D Buildings Based on Ambient Sounds allows you to sing to your town in order to see its buildings dance. The map connects Mapbox's extruded building heights with the Web Audio API. Every time the level of sound changes the building heights and building colors change on the map.

No comments: