SVG Interactive Parallax Animation | Canada 150

An interactive animation with parallax between the background and foreground, by hovering your mouse on the animation, or by rotating your mobile device right/left and up/down.

An SVG animation for Canada 150th anniversary's project with the Globe and Mail. The animation was paired with a short fiction by Michael Crummey, on Canada abroad during the First World War, as seen through the life of a Newfoundland teen soldier.

Full screen high quality version here: https://www.theglobeandmail.com/news/national/canada-150/fiction-story-of-canada-michael-crummey-the-clap/article35166021/

The character is animated with Greensock, and the background fume animation is done with CSS filters.