01
Compose
Organise illustrations, environments, characters and dialogue into a scene.
A new medium for visual storytelling
Stories, directed
by scrolling.
An authoring environment for visual stories that unfold through movement, rhythm and reader-controlled pacing.
The problem
Animation tools understand motion. Storytellers think in scenes.
Creating interactive visual stories can mean translating creative intentions into technical timelines, parameters and triggers.
Scrol-a-Vision is a proposed approach built around the way storytellers work — organising stories into chapters, scenes, shots and beats.
The workflow
From idea to interactive story.
A visual workflow for storytellers, illustrators, animators and musicians: compose your world, direct the experience and prepare it for the web.
02
Direct
Arrange shots, camera movements, visual beats and audio cues along a scroll timeline.
03
Publish
The long-term goal: deliver a responsive interactive story that runs in a browser.
The directing model
A structure for visual storytelling.
Organise work from the big picture to the finest detail. Scroll position becomes the story's playback position.
ProjectThe complete story
ChapterMajor sections
SceneConnected moments
ShotA focused camera setup
BeatA single action or event
Shot 03 — The BridgeIllustrative timeline · Scroll progress
Camera
Character
Dialogue
Sound
Core principles
A shared language for creators and readers.
Story first
Scenes and shots are the primary organising concepts.
Reader-controlled pacing
Readers move through the story at their own speed.
Creative collaboration
Storytellers, artists, animators and developers share a common structure.
Portable stories
A long-term goal is to separate story data from the editor and browser runtime.
A different way to tell a story