Hey all,
I saw this website online, and I think it’s the coolest thing. To my understanding it shows locations of Kendrick Lamar’s tour or brand coming to certain cities? Either way, the format is sweet and I was wondering if any of you have an idea on how the developer for this site made it.
Looks like they make use of ThreeJS. If I were to start this, I would break it into 3 steps:
- Get the red outline of the continental U.S. with city labels in the appropriate spots
- Animate the outline to rotate along the Z axis as a function of time, and around the X axis as a function of mouse position, with the labels only animating around the X axis.
- Set event handlers for each city label that stops the animations, displays a picture in the background, and makes the show date pop up.
Easier said than done, of course, but the rest is just implementation details.