网页动效设计

✨ 更新：Theatre.js 1.0即将发布。我们暂时将开发工作转移到一个私有仓库，以便更快速地迭代。我们很快会将我们的工作推回到这个公开仓库。条款和许可证将保持开源状态，与之前一样。（另外，我们正在招聘 – 加入核心团队！）

Theatre.js是一个用于高保真动效图形的动画库。它旨在帮助你表达详细的动画，使你能够创建复杂的动作，并传达细微差别。

Theatre.js可以通过编程和可视化方式使用。

你可以使用Theatre.js来：

• 为使用THREE.js或其他3D库制作的3D对象制作动画

  

  _{艺术作品来自 drei.lu}

• 通过React或其他库为HTML/SVG制作动画

  

• 设计微交互

  

• 编排生成式交互艺术

  

• 或为任何其他JS变量制作动画

  

文档和教程

文档位于theatrejs.com/docs：

• 视频教程
  • 速成课程
  • 音乐动画
  • Yuri Artiukh的 直播，其中有一部分是关于将Theatre.js与THREE.js一起使用
  • <在此添加你自己的教程>

社区和支持

加入我们友好的Discord社区，在Twitter上关注更新，或给我们发送电子邮件。

开发和贡献

如果你想修改Theatre的源代码，请查看这里的指南。

提出修复和更改

你随时可以在Discord上获得帮助或讨论更改，或直接在Github上开启一个问题。

帮助解决未解决的问题

欢迎在任何问题上发表意见。我们还为一些问题贴上了"需要帮助"或"适合新手的问题"的标签，如果你刚开始接触代码库。

帮助完善文档

文档网站的仓库在这里。

编写/录制教程

如果你制作了关于Theatre的教程或视频内容，请告诉我们，我们会在这里展示 :)

许可证

你对Theatre.js的使用受Apache License Version 2.0的约束：

• Theatre的核心（@theatre/core）是在Apache License下发布的。本仓库中的大多数包也是如此。
• 工作室（@theatre/studio）是在AGPL 3.0 License下发布的。这是你用来编辑动画、设置场景等的包。你只在设计/开发过程中使用工作室。你的项目的最终捆绑包只包含@theatre/core，因此只适用Apache License。