Быстрая библиотека для 2D-рендеринга в вебе: рисует графику, спрайты и текст с помощью WebGL и WebGPU.
mrdoob/three.js
JavaScript-библиотека для создания и отображения 3D-сцен в браузере с помощью WebGL и WebGPU.
- Звёзды
- 116,683
- Форки
- 36,715
- Открытые issues
- 392
- Последний коммит
- 12 часов назад
Что это?
Three.js — универсальная JavaScript-библиотека для работы с 3D, рассчитанная на простое использование и небольшой размер во всех браузерах. Она предоставляет сцены, камеры, геометрии, материалы и рендереры, позволяя создавать 3D-контент без написания низкоуровневого кода WebGL.
В основную сборку входят рендереры WebGL и WebGPU, а рендереры SVG и CSS3D доступны в виде аддонов. В минимальном примере создаются сцена, камера и куб, который затем анимируется в цикле рендеринга.
Проект публикуется в npm как пакет "three", а также может подключаться напрямую в браузере. Официальные примеры, документация и руководство размещены на сайте проекта.
Ключевые возможности
- 01Граф сцены с камерами, геометриями, материалами и мешами
- 02Рендереры WebGL и WebGPU в основной сборке
- 03Рендереры SVG и CSS3D в виде аддонов
- 04Доступна в npm и может использоваться напрямую в браузере
Сценарии использования
- Создание интерактивных 3D-визуализаций и демонстрации товаров в интернете
- Разработка браузерных игр и анимированных 3D-сцен
- Создание WebXR-приложений для устройств AR и VR
Быстрый старт
- 1
Выполните shallow clone репозитория, чтобы уменьшить размер загрузки
git clone --depth=1 https://github.com/mrdoob/three.js.git - 2
Импортируйте THREE в файл JavaScript и создайте сцену, камеру и рендерер WebGL, как показано в примере использования в README
- 3
Откройте страницу в браузере, чтобы увидеть вращающийся куб
Что важно знать
- Полный клон репозитория со всей историей занимает около 2 ГБ.
Темы
Частые вопросы
- Что такое three.js?
- JavaScript-библиотека для создания и отображения 3D-сцен в браузере с помощью WebGL и WebGPU. Three.js — универсальная JavaScript-библиотека для работы с 3D, рассчитанная на простое использование и небольшой размер во всех браузерах. Она предоставляет сцены, камеры, геометрии, материалы и рендереры, позволяя создавать 3D-контент без написания низкоуровневого кода WebGL.
- three.js можно использовать бесплатно? Какая у него лицензия?
- three.js распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- three.js всё ещё поддерживается?
- Активно поддерживается. Последний коммит в three.js — 20 окт. 2026 г..
- Для чего можно использовать three.js?
- Создание интерактивных 3D-визуализаций и демонстрации товаров в интернете Разработка браузерных игр и анимированных 3D-сцен Создание WebXR-приложений для устройств AR и VR
- Как установить three.js?
- Выполните shallow clone репозитория, чтобы уменьшить размер загрузки: git clone --depth=1 https://github.com/mrdoob/three.js.git Импортируйте THREE в файл JavaScript и создайте сцену, камеру и рендерер WebGL, как показано в примере использования в README Откройте страницу в браузере, чтобы увидеть вращающийся куб
- Где скачать three.js?
- Исходный код и инструкции по установке — на GitHub: https://github.com/mrdoob/three.js
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Коллекция готовых React-компонентов и хуков для создания 3D-сцен с react-three-fiber.
Обёртка для React над библиотекой postprocessing, которая позволяет декларативно добавлять эффекты постобработки в сцены react-three-fiber с помощью JSX-компонентов.
GPU.js преобразует простые функции JavaScript в шейдерный код, чтобы выполнять их на GPU в браузерах и Node.js, а при необходимости переключается на обычный JavaScript.
Кроссплатформенный Java-фреймворк для разработки игр на OpenGL ES под десктопы, Android, веб и iOS.
Фреймворк .NET для создания кроссплатформенных 2D- и 3D-игр на C#, представляющий собой переосмысление снятого с поддержки Microsoft XNA Framework.