A Light in the Deep.
Three luminous jellyfish drift through a living vector world. Play, pause, or scrub through the motion, then explore it in Studio.
0.00s
Loading compiled asset…
Application data, first class.
These controls update declared inputs. The compiled runtime handles the bindings and component contracts.
Small API. Real system.
No React, authoring document, or editor code is required by this page.
const motion = await VX.load("/gallery/deep-ocean.vx", {
canvas, backend: "webgl2"
});
motion.setData({ energy: 0.76 });
motion.setComponent("module-two", "level", 0.58);
motion.trigger("click");
motion.play("idle");What you are testing: declarative timelines, pointer reactions, replayable springs, a three-bone IK chain, weighted Bézier deformation, typed components, data bindings, text on a path, an embedded image, and seeded particles. The GPU backends cache vector layers as raster tiles and instance particles. They are not GPU-native curve renderers; no speed advantage over Rive is claimed.