Theatre.js browser bundles
A custom build of Theatre.js that you can use via a <script>
tag rather than
using a bundler.
How to use
There are currently two builds:
dist/core-and-studio.js
dist/core-only.min.js
As the names imply, one includes both @sancheztvd/studio
and
@sancheztvd/core
, while the other is a minified version of @sancheztvd/core
.
Example:
<script src="path/to/core-and-studio.js"></script>
<script>
// here, core is equal to `import * as core from '@sancheztvd/core`
const core = Theatre.core
// here, studio is equal to `import studio from '@sancheztvd/studio`.
// Note this would be undefined if you're using `core-only.min.js`
const studio = Theatre.studio
// only call this if you're using the core-and-studio.js bundle
studio.initialize()
const project = core.getProject('My project')
const sheet = project.sheet('...')
// and so on...
</script>