https://github.com/squigglesdev/motion-canvas-stream-elements
Create Stream Elements Programatically
https://github.com/squigglesdev/motion-canvas-stream-elements
Last synced: about 1 year ago
JSON representation
Create Stream Elements Programatically
- Host: GitHub
- URL: https://github.com/squigglesdev/motion-canvas-stream-elements
- Owner: squigglesdev
- Created: 2023-04-29T18:27:37.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-04-29T18:58:58.000Z (almost 3 years ago)
- Last Synced: 2025-01-21T21:46:33.888Z (about 1 year ago)
- Language: TypeScript
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Motion Canvas Stream Elements
Motion Canvas Stream Elements is built off [Motion Canvas][mc], for use in [OBS][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][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.
[authenticate]:
https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry#authenticating-with-a-personal-access-token
[template]: https://github.com/motion-canvas/project-template#using-the-template
[discord]: https://chat.motioncanvas.io
[docs]: https://motioncanvas.io/docs/
[mc]: https://motioncanvas.io
[obs]: https://obsproject.com