How do you think this website was made?


#1

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.


#2

Looks like they make use of ThreeJS. If I were to start this, I would break it into 3 steps:

  1. Get the red outline of the continental U.S. with city labels in the appropriate spots
  2. 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.
  3. 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.