Scrollsequence V2 Documentation

Scrollsequence is an ultra-performant, cross-platform engine for cinematic video-scroll animations, 3D WebGL depth displacement, and scroll-synchronized interactive web content.

It connects a high-speed asset processing pipeline to a lightweight rendering engine across WordPress, React, and Vanilla JavaScript.

Unified Concept: Scene ➔ Layer ➔ Canvas

All three platforms share the exact same architectural mental model:

• Scene: Manages viewport pinning, scroll duration (e.g. 1500px), and trigger timings.
• Layer: Controls spatial placement across the 9-point grid (center center, top left, etc.) and vertical stacking.
• Canvas / Content: Renders the image sequence (Canvas 2D / 3D) or hosts interactive typography, UI badges, and buttons.

Choose Your Stack