Three.js in Editframe Compositions

Drive Three.js scenes from Editframe's timeline via addFrameTask. The scene is a pure function of composition time — no internal clock — making it fully scrubable, seekable, and renderable to video.

Architecture

EFTimegroup.addFrameTask(({ ownCurrentTimeMs, durationMs }) => {
  scene.update(ownCurrentTimeMs, durationMs);
})

The Three.js renderer targets a <canvas> inside the timegroup. The composition provides timing; the canvas provides visuals.

Scene Module Pattern

Create a standalone module that exports a factory function: