trüfffle is a personal passion project which started as an experiment to explore to potential of animating vector shapes on the web. With time, the vision expanded to creating new media for interactive storytelling.
SVGs are scalable vector graphics that have the benefit of being responsive to any device, and of higher quality and lower file size than pixel-based GIFS and videos.
All following animations are less than 800kB, and open sourced to Codepen. Try zooming into them, and you'll see the absence of pixels.
A quick making-of video of my process into making these interactive animations, from vector illustration to code and animation.
Full interactive animation is previewed below.
An interactive SVG animation made just in time for Halloween. The animation is part of an experimental personal project to bring character to interactive storytelling.
The SVG is made interactive; clicking on the moon reveals the spooky creatures hidden in the haunted mansion. Animated with Greensock.
An SVG animation for Canada 150th anniversary's project with the Globe and Mail, for a story on Canada abroad during WWI.
The SVG interactive with parallax between the background and foregroud, 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 on the invention of the foghorn in foggy Atlantic Canada in the 19th century. Also an attempt at testing fluid motion with SMIL, seen in the water splashes, waves and fog motion.
New animation work published in The Globe and Mail showing the potential of #SVG for storytelling and news. An SVG animation designed for an article on the fears and worries of a recurring racism resonant of pre-WWII anti-semitism.