theatre README

The project's README from github.com/theatre-js/theatre. As one markdown file: README.md.

Theatre.jsTheatre.js

Motion Design, for the web

GitHub branch checks state Join us on Discord Follow Theatre.js on Twitter Watch on YouTube

✨ Update: Theatre.js 1.0 is around the corner. We have temporarily moved development to a private repo so we can iterate faster. We'll push our work back to this public repo soon. Terms and license will remain OSS, as before. (Also, we're hiring – join the core team!).

Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance.

Theatre.js can be used both programmatically and visually.


You can use Theatre.js to:

Documentation and Tutorials

The docs are at theatrejs.com/docs:

Community and support

Join our friendly community on Discord, follow the updates on twitter or write us an email.

Development and contributing

If you want to change the source of Theatre, have a look at the guide here.

Proposing fixes and changes

You can always get help with bugfixes or discuss changes with our community on Discord, or directly open an issue on Github.

Helping with outstanding issues

Feel free to chime in on any issue. We have also labeled some issues with "Help wanted" or "Good first issue" if you're just getting started with the codebase.

Helping with documentation

The documentation website's repo is here.

Writing/recording tutorials

If you make tutorials or video content about Theatre, tell us to showcase it here :)

License

Your use of Theatre.js is governed under the Apache License Version 2.0:

theatre (theatre-js/theatre)

Searching Database…

12.8K ·GitHub
这是什么?Theatre.js 是一个网页动画库,用于制作高保真的动态图形。它专为精细的动画设计——复杂的运动和细腻的表现——既可以写代码调用,也可以用可视化的方式操作。
它是一个我要写代码调用的库,还是一个可视化的编辑器应用?两部分是配合使用的:@theatre/core 是你的项目最终打包时带上的运行时库,而 @theatre/studio 是只在设计阶段使用的可视化编辑器。你最终发布的包里只包含 core。
我怎么把它装进项目并开始使用?把这两个包添加到 JavaScript 项目里——运行时用 @theatre/core,开发阶段用 @theatre/studio——然后按照 theatrejs.com/docs 上的速成课程和文档学习。
我必须用 THREE.js 或 React 它才能工作吗?不用——它和两者都能很好地集成,但本质上它可以给任何 JavaScript 变量做动画,所以不管你用什么技术栈都能用。
这个项目现在还在积极开发吗?开发目前暂时转移到了一个私有仓库,这样团队能更快地推进 Theatre.js 1.0。他们计划很快把工作迁回公开仓库,而且条款和许可证会继续保持开源。
既然有 Apache 和 AGPL 双许可证,我能用它发布商业项目吗?可以。Core 采用 Apache-2.0 许可证,这也是你最终打包产物的许可证。AGPL-3.0 的 studio 只在设计开发阶段使用,永远不会发布给你的用户。
我可以用它给什么做动画?用 THREE.js 或其他 3D 库制作的 3D 物体、通过 React 驱动的 HTML/SVG、微交互、生成式互动艺术——或者任何你想编排动画的 JS 变量。
有没有教程可以学习?有——theatrejs.com/docs 上有视频教程和速成课程,还有一些指南,比如配合音乐做动画,以及 Yuri Artiukh 的直播讲解 Theatre.js 与 THREE.js 的结合使用。
Creator
theatre-js
Size
27 MB
Stars
12.8K
Updated
CommitApr 11
Age
12y
Commits · 90 Days