← Back to projects

Storyboard Builder — Scene Narrator

Build visual storyboards from procedurally-generated scenes, extract visual features, and generate connecting narration with automatic subtitle tracks.

JavaScript Canvas 2D Drag & Drop NLG

How It Works

Choose from 8 procedurally-drawn scenes, then drag them into the storyboard timeline. The demo extracts visual features (color palette, brightness map, detected elements) and generates connecting narration with transition phrases.

ActionHow
Select a sceneClick any scene in the gallery to see its features
Build storyboardDrag scenes from the gallery into the timeline
ReorderDrag scenes within the timeline to rearrange
RemoveClick the X on a timeline scene to remove it
Generate narrationAutomatic when 2+ scenes are in the timeline

The Concept

Video scene narration involves extracting keyframes, understanding visual content using models like CLIP, and generating natural language descriptions. This demo simulates that pipeline with procedural scene generation, feature extraction from canvas pixel data, and template-based natural language generation.