Mathscene · Studio

Scene.ts

Ln 1, Col 1TS

0.00 / 0.00 s

Quick start

Choose a starting point

Start fresh or change an example.
Edit or paste code

Edit the TypeScript in the editor. To generate code with your AI chat, copy an AI prompt and paste the result into a new scene.
Build, then play

Choose Build scene in the editor, then Play below the preview. Use Export video to make an MP4.

Download scene to keep your work. It stays only in this tab until you download it.

TypeScript reference Optional

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 ↗

Scene settings Optional parameters

Parameters · JSON

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

Source history

Examples

Quick start

Choose a starting point

Edit or paste code

Build, then play

Export video

Jump to time

An idea into a scene.

Keep your changes?