Untitled scene

New scenes use Manim modules. Import from manim-web and export an async function. The studio supplies the scene and handles playback, seeking and export.

import { Dot, FadeIn } from "manim-web";

export default async function construct(scene) {
  const dot = new Dot({ color: "#7cc8ff" });
  await scene.play(new FadeIn(dot, { duration: 1 }));
  await scene.wait(1);
}

Await every scene.play(…) and scene.wait(seconds). Use duration for animation timing. Keep scenes deterministic so seeking and exported frames agree.

Older examples use the legacy script API (api.segment and api.hold). They keep their original format. Use New scene before pasting an AI-generated module.

Pinned manim-web source & API ↗

Optional values supplied as params for existing scenes. You can define values directly in your TypeScript instead.