|Play / Pause|
|Hide / Show the Studio|
Focus Range Zone controls
|Create a Focus Range|
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.|
|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 January 29, 2023.
Edit this page