Cinematic city fly-by

Fly like a bird through eight cities, banking round their landmarks and down their avenues, in eighteen looks with skies, typefaces and effects of their own

View on GitHub

Each city is one closed flight at rooftop height, and each look restyles everything the camera passes.

  • calculateRoute takes an avenue sketched in three or four points as a path to follow, and returns it on the roads.
  • StylingFoundationsModule.applyConfig sets the sky, the labels’ font files and the ten colours deriveMapColors makes from five or six.
  • addPass runs each look’s shader inside the effects’ chain, ahead of the bloom and the night looks’ glare on the lit windows.

Related examples