vecmo-example

LIQUID GRADIENT · WebGL player export

Vecmo exports.
This site just imports.

One WebGL file from the export zip. No SDK, no runtime dependency, no license fee.

loading…

02 — timeline

Scroll drives the frame

One listener maps this section's viewport progress to player.seekProgress(p). The player is mounted autoplay: false: every frame you see was asked for. Toggle to drive the same call from pointer X instead.

progress —

03 — cost

Three tiers, measured

Every number below is written by scripts/measure-sizes.ts into sizes.json at build time: it walks each artifact directory, reads the shipped *runtime-manifest.json, and weighs the runtime file the manifest names. Nothing on this page is typed by hand — including the fact that tier is not a manifest field, so it is not a column. runtimeFormat is shown without its vector-motion-author/ namespace.

artifactrendererruntime formatraw bytesgzip

04 — the loop

An agent edited the scene. The exporter did the rest.

hello-motion — as exported
hello-motion-remix — three fills changed over MCP

05 — theming

Palette slots, re-themed

The thin mount(el, { palette }) handle takes a #hex per slot name declared in the export's paletteManifest; the two ramps below are zipped onto whatever slots the export declares. Switching destroys and re-mounts.

slots —