|Play / Pause
|Hide / Show the Studio
Focus Range Zone controls
|Create a Focus Range
Left Mouse button drag in the top bar of the Sequence Editor
Details Panel Controls
|Scrub number props at reduced speed
Dope Sheet controls
|Create a Dope Sheet selection (select Keyframes)
|Context menu which can copy, paste, and delete items.
Right Mouse button
|Place a marker at playhead position
|Zoom in and out of the Dope Sheet
|Pan left and right in the Dope Sheet
Keyframe Curve Editor Popover controls
|Navigate preset selection
|Close popover without saving curve
|Close popover and save curve
Color Picker Prop Editor controls
|Move the color picker pointer to adjust color
Want to learn more? Take a look at some more in-depth topics from our manual:
This guide covers creating projects, managing their states, saving and loading their states, and more.
This guide covers Sheets in Theatre.js
This guide covers Sheet Objects in Theatre.js.
Learn how to customize the props you want to animate with Theatre.js. When creating a Sheet Object, we define the props that we want to animate on it. Props can have different types which can be imported from "@theatre/core".
Working with Sequences
In this guide, we'll explore the tools that Theatre.js offers for creating animations.
Learn about assets in Theatre.js
Learn how to load and synchronize music or narration audio to an animation.
Learn the different parts of the Studio.
The Theatre.js Studio API enables you to define extensions that extend the Studio's UI and/or extend the functionality of Studio.
Was this article helpful to you?
Last edited on February 01, 2024.
Edit this page