Creating your own Theatre.js extension

We have yet to write this guide, but here is how you can start

Take a look at the source code of @theatre/r3f (opens new window) for an example of writing extensions.

Also have a look at the extensions API at IStudio.extend(), and helper methods like IStudio.selection, IStudio.transaction(), IStudio.scrub(), and more.

You can always ask for help on our friendly Discord (opens new window) community.

Also, consider contributing to this guide 😉

Starting with studio.extend()

TODO

Reading and writing to studio.selection

TODO

Changing things with studio.transaction()

TODO

Collapsing undo steps with studio.scrub()

TODO

Adding toolbar items

TODO

Creating custom panes

TODO