
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!