Colloquy clip player

A recording of the simulation, played back with full transport controls — and a module you can import onto your own page in two lines. Scroll-driven demo →

Build your own: brief for an AI agent · README · the module

Drop a clip (.colloquy-rec.ndjson.gz), a folder of OBJ/MTL/texture files, or a .zip of them here.

Put this on your own page

Two steps, no install and no copy of the source: the module is served from this site with Access-Control-Allow-Origin: *, so any page can import it directly.

1 Give it a container

Any element, but size it — the player fills it and it has no height of its own.

2 Import and call

createClipPlayer renders and plays. Add mountClipPlayerDeck if you want these controls too.

Copy this into your page

<div id="stage" style="aspect-ratio:16/9"></div>
<script type="module">
  const { createClipPlayer } = await import(
    "https://colloquyscenestudio.aroughidea.com/player-sample/colloquy-clip-player.js"
  );
  await createClipPlayer({
    container: document.getElementById("stage"),
    clipUrl: "PASTE_A_CLIP_URL",
  });
</script>

Or hand this to your coding agent

Add a Colloquy of Mobiles clip player to the page I name.
Read https://colloquyscenestudio.aroughidea.com/player-sample/llms.txt
first and follow it. Import the module from that URL — do not vendor,
copy, or rebuild any source. Use the sample clip URL it gives. Add the
transport deck. Tell me afterwards what you could not verify.

Full reference: llms.txt (written for an agent) · README (written for a person)

What you are looking at

The clip brings its own scene graph — but no models. Line 2 of the recording embeds the graph, so nothing else is fetched to make it render; the meshes it names are not in the file. Open Load your own… below the player to add them from your machine, or just drop a folder of OBJ/MTL files on the view.
Which is why it still reads with no models loaded. The instrument layers — mobile diagrams, drive gauges, orientation arrows, the beam ring — are drawn from the state frame, not from geometry. Turn Scene graph on to see the authored structure underneath them.
Every tick is a complete pose, rebuilt from the nearest keyframe. That is why scrubbing, single-tick stepping, reverse and the scroll-driven demo are all the same ordinary operation.