blockanimatiqchalkboardeducationmathblackboard

Classroom Chalkboard

Classroom Chalkboard graphic kit: tell a NEW one-idea lesson on a real classroom blackboard where chalk writes itself stroke by stroke in true stroke order (lemo-opuscar engine: chalk deposit on the slate grain, Canvas 2D plus a WebGL2 post pass). Write what people think, wipe it with one pass, write what is true in the same place. defineStory({ id, dur, build(stage) }) returns the lesson as data: strokes from writeChar (62 Chinese characters and symbols with stroke data), writeLine, writeLatin (single-line EMS fonts), writeMixed (sums) and line; the shot camera (shotCamera, keyOn frames a board box on any aspect); an optional sliding panel, wet streak and wipe; board texts for the reading check; subtitles from voice(). Play it with ChalkboardStage. Modules: story, lesson, camera, board, fonts, ChalkboardStage, engine/hand, engine/hz, engine/chalk. Examples: half of a half (new, built only from the kit) and the ported film Not Swapped. 16:9, 9:16, 1:1 at 30 fps. Audio is project-owned.

chalkboard preview
Default duration
8.0s
Frame rate
30 fps
Engine
Remotion / React
Background
Transparent — composites over any scene

Use it

Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.

“Add the chalkboard scene to my video and set its props to match my brand.”

Open in Studio

Customize in Studio

Adapt the content, styling, timing, and layout to fit your project.

Component settings

Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.