Isotopic

blog

19 Nov 2015

Release notes

Web Development

animation, Canvas, WebGL

Since the idea behind the site was to create a kind of digital diorama, I initially thought about using Three.js. But I realized I’d need to study Blender a bit more before diving into 3D, so I stuck with 2D using PixiJS. I then used these free game assets by Kenney, which helped me build the environment so I only had to draw the vehicles.

Despite relying on many third-party sources, this project helped me define a solid proof of concept for timeline-based animations with consistent desktop/mobile behavior, which I plan to eventually turn into a plugin.


See the Pen Timeline based animation by Guilherme (@guilhermecruz) on CodePen.

Scroll based animation concept. Try editing some of the json values!