Interactive & 3DStudio projectAnupam Chaudhary & Sanchit Kathpalia
Insane
A property landing page driven by a frame-by-frame 3D scroll.
- Year
- 2026
- Stack
- JavaScriptLocomotive ScrollCanvasHTML / CSS
The brief
A self-initiated 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 — without stuttering when someone scrolls quickly, and without shipping so many frames that the page takes forever 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