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 — визуальный редактор, нужный только на этапе дизайна. В итоговую сборку входит только ядро.
Как добавить его в свой проект и начать пользоваться?Добавьте пакеты в JavaScript-проект — @theatre/core для рантайма и @theatre/studio на время разработки — затем пройдите краткий курс и читайте документацию на theatrejs.com/docs.
Обязательно ли использовать THREE.js или React, чтобы всё работало?Нет — с обоими он хорошо интегрируется, но по сути может анимировать любую переменную в JavaScript, так что подойдёт к любому вашему стеку.
Проект сейчас активно развивается?Разработка временно переехала в приватный репозиторий, чтобы команда быстрее двигалась к Theatre.js 1.0. Они планируют скоро вернуть работу в публичный репозиторий, а условия и лицензия останутся открытыми (OSS).
Могу ли я выпускать коммерческие проекты с ним, учитывая двойную лицензию Apache и AGPL?Да. Core распространяется под Apache-2.0, и именно эта лицензия действует для вашей итоговой сборки. Studio под AGPL-3.0 используется только при дизайне и разработке, поэтому пользователям она не поставляется.
Что с его помощью можно анимировать?3D-объекты, сделанные в THREE.js или других 3D-библиотеках, HTML/SVG через React, микровзаимодействия, генеративное интерактивное искусство — да вообще любую 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