- type
- Studio project
- year
- 2026
- discipline
- Interactive & 3D
- credit
- Anupam Chaudhary & Sanchit Kathpalia
- stack
- JavaScriptLocomotive ScrollCanvasHTML / CSS
The brief
A study in scroll-driven canvas animation, wrapped around a digital-twin property pitch.
The challenge
Playing an image sequence on scroll means decoding and painting frames fast enough to feel like video. It also must not stutter when someone scrolls quickly, or ship so many frames that the page is slow to load.
The approach
A canvas image sequence scrubbed by Locomotive Scroll, so the model turns frame by frame as the page moves. Built in plain JavaScript with no framework, which keeps the payload down to the frames themselves.
What we built
- Frame-sequence 3D scroll animation
- Locomotive smooth scrolling
- Canvas-rendered hero
- Responsive layout
What it demonstrates
- Canvas frame-sequence animation tied to scroll position
- Working without a framework when the job doesn't need one