/motion-canvas-stream-elements

Create Stream Elements Programatically

Primary LanguageTypeScript


Motion Canvas logo

published with lerna powered by vite


Motion Canvas Stream Elements

Motion Canvas Stream Elements is built off Motion Canvas, for use in OBS.

Using MC Stream Elements

Requires base knowledge of Motion Canvas. If you don't know how to use it, check out the Motion Canvas docs to learn how to use it.

To use, clone the repo and run

npm i

Then feel free to modify the src/scenes/streamelements.tsx file to your liking, making sure to have at least one presentation slide. Then run

npm run serve

to start hosting the project on your local machine. You can then add a browser source in OBS, pointing to http://localhost:9000?present (or whatever port vite has given you in the terminal output). Then in OBS press the interact button when the browser source is selected, then press the full screen icon to remove the Motion Canvas UI. Future versions will remove the need for this step.