jonobr1/two.js

Что это?

Ключевые возможности

• 01Отображает одну и ту же сцену через WebGL, Canvas 2D или SVG.
• 02Предоставляет scenegraph с группами, трансформациями и обновлением на каждом кадре.
• 03Доступна в виде сборки для тега script, пакета npm и ES6-модулей.
• 04Поддерживает рендеринг без графического интерфейса в Node.js через node-canvas.
• 05Позволяет создавать собственные сборки только с нужными рендерерами.

Сценарии использования

• Создание интерактивной 2D-анимации и моушн-графики для веба.
• Создание векторных иллюстраций с возможностью переключаться между SVG и выводом на canvas.
• Генерация PNG-изображений 2D-сцен на сервере.
• Добавление лёгкой 2D-графики в React и другие фронтенд-приложения со сборщиком.

Быстрый старт

1. 1

   Установите через npm

   npm install --save two.js
2. 2

   Подключите минифицированную библиотеку в HTML

   <script src="js/two.min.js"></script>

Что важно знать

• !При импорте всей библиотеки загружаются все модули, поэтому tree shaking пока не поддерживается.

Темы

Частые вопросы

Что такое two.js?

API для 2D-графики в вебе, не привязанный к конкретному рендереру: одна и та же сцена отображается через WebGL, Canvas 2D или SVG. Two.js — библиотека JavaScript для создания двумерной графики в современных браузерах. Описывайте фигуры, текст и группы через единый API, а затем отображайте одну и ту же сцену через WebGL, Canvas 2D или SVG, не меняя код отрисовки.

two.js можно использовать бесплатно? Какая у него лицензия?

two.js распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

two.js всё ещё поддерживается?

Активно поддерживается. Последний коммит в two.js — 3 нояб. 2026 г..

Для чего можно использовать two.js?

Создание интерактивной 2D-анимации и моушн-графики для веба. Создание векторных иллюстраций с возможностью переключаться между SVG и выводом на canvas. Генерация PNG-изображений 2D-сцен на сервере. Добавление лёгкой 2D-графики в React и другие фронтенд-приложения со сборщиком.

Как установить two.js?

Установите через npm: npm install --save two.js Подключите минифицированную библиотеку в HTML: <script src="js/two.min.js"></script>

Где скачать two.js?

Исходный код и инструкции по установке — на GitHub: https://github.com/jonobr1/two.js