blockanimatiqdesktop-flythroughdesktopuiproduct

Desktop Flythrough

Desktop Flythrough graphic kit: tell a NEW one-take story on a sunlit desk (lemo-opuscar engine, three.js, voxel sprites, physical sun, sub-frame motion blur, depth of field). App screens and tools are printed paper cards; pixel characters pop up into voxel toys and carry the work from card to card; one unbroken camera follows them, whips between stops and pulls back over the whole desk. defineStory({ mat, palette, keys, cues, build(desk) => update(t) }) and play it with DeskStage. Modules: palette (COBALT, LILAC, AMBER), desk (printedCard, tentCard, titleCard, namePlate, deskProps, windowLight), sprites (toy, halve, printPixels), route (makeRoute, impactRings, packets, runAlong), moves (stepBadge, press, debris, tower drawer, flight + trail messenger, vibration, curtainCall), story (CamKey, REST, widen, Cue, beats). Examples: Night Backup (new, built only from the kit) and the ported Before the Ding film. 16:9, 9:16, 1:1 at 30 fps. Audio is project-owned.

desktop-flythrough preview
Default duration
8.0s
Frame rate
30 fps
Engine
Remotion / React
Background
Transparent — composites over any scene

Use it

Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.

“Add the desktop-flythrough scene to my video and set its props to match my brand.”

Open in Studio

Customize in Studio

Adapt the content, styling, timing, and layout to fit your project.

Timing and motion

Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.