Войти
Креативная библиотека
3D · three

Three.js

Стандарт WebGL — свой 3D-мир в браузере

Tier 3ТяжелоОсторожно на мобилеfree (MIT)JavaScript

Design DNA

«Полный контроль над сценой, светом и камерой — как свой мини-движок.»

Use with AI

Скопируй промпт и отдай агенту. Он реализует решение в твоём стеке — не копирует чужой код.

Собери минимальную Three.js сцену в нашем стеке.
Камера, свет, 1–2 объекта, resize, dispose при unmount.
Mobile fallback. Не тяни лишние эффекты. Документируй, что анимировать дальше.

Что умеет

  • ·Меши, свет, камера, шейдеры
  • ·Игры и иммерсивные сайты

Чего не умеет

  • ·Не no-code
  • ·Высокий порог без агента/опыта

Когда брать

  • ·Нужен кастомный 3D
  • ·Долгий продукт с 3D-ядром

Когда не брать

  • ·Быстрый hero → Spline / model-viewer

С чем сочетается

GSAPR3FLenisdrei

Альтернативы

SplineBabylon.jsR3FOGL

Типичные ошибки

  • ·Сцена без оптимизации
  • ·Игнор mobile GPU
  • ·Не проверил производительность на iPhone SE. WebGL и AI-модели могут убить батарею или вызвать краш. Всегда делай фоллбэк на статику через matchMedia или детект мощности устройства.

Демо и ссылки

threejs.org

Похожие

Spline
3D в браузере без Blender — визуальный редактор + экспорт
React Three Fiber
Three.js декларативно в React
drei (@react-three/drei)
Готовые хелперы для R3F: Environment, OrbitControls, Text, Float…
Theatre.js
Визуальный timeline для сложных креативных сцен