Войти
Креативная библиотека
Физика · matter

Matter.js

2D-физика: падения, коллизии, «живой» интерфейс

Tier 2СреднеОсторожно на мобилеfree (MIT)JavaScript

Design DNA

«Объекты на экране подчиняются физике — вау без 3D.»

Use with AI

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

Сделай изолированную Matter.js демо-сцену (отдельный блок/страница).
Пауза/destroy при уходе со страницы. Mobile: меньше тел.

Что умеет

  • ·Жёсткие тела, коллизии
  • ·Интерактив мышью/тачем

Чего не умеет

  • ·Не 3D-физика
  • ·Не замена Phaser целиком

Когда брать

  • ·Физический UI-эксперимент
  • ·Мини-игра

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

  • ·Обычный SaaS UI

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

PhaserPixiHowler

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

Phaser Arcade/MatterRapier 2D

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

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

Демо и ссылки

brm.io/matter-js

Похожие

GSAP
Движок плавной анимации для сайтов — от кнопок до scroll-фильмов
Lenis + ScrollSmoother
Связка мягкого скролла и GSAP-параллакса уровня Awwwards
Motion (Framer Motion)
React-first анимации UI: layout, жесты, списки без боли
Lottie / dotLottie
Векторная анимация из дизайн-файла — лёгкая и чёткая