Что это такое?
Matter.js — это двухмерный физический движок твёрдых тел на JavaScript для веба: физическая симуляция, которую можно вставить в веб-страницы и приложения на Node.js.
Matter.js — это двухмерный физический движок твёрдых тел на JavaScript для веба: физическая симуляция, которую можно вставить в веб-страницы и приложения на Node.js.Это библиотека физики, которую я вызываю из своего кода, или скорее готовый игровой движок?Это библиотека, которой вы управляете из собственного кода на JavaScript, а не полноценный игровой движок. В комплекте есть рендерер для canvas, но в документации показано, как встроить его в собственный игровой цикл и цикл отрисовки.
Это библиотека, которой вы управляете из собственного кода на JavaScript, а не полноценный игровой движок. В комплекте есть рендерер для canvas, но в документации показано, как встроить его в собственный игровой цикл и цикл отрисовки.Как добавить её в веб-проект?Установите через npm или Yarn (npm install matter-js) либо скачайте стабильный релиз и подключите скрипт на своей странице. Настраивать какие-либо зависимости перед запуском не нужно.
Установите через npm или Yarn (npm install matter-js) либо скачайте стабильный релиз и подключите скрипт на своей странице. Настраивать какие-либо зависимости перед запуском не нужно.Есть ли подводные камни при использовании в современных сборщиках и фреймворках?Да: стандартные настройки сборщиков и фреймворков могут вредить производительности в реальном времени, особенно в режиме разработки. В README отдельно отмечено, что sourcemaps в Webpack и watchers во Vue.js дают сильное замедление.
Да: стандартные настройки сборщиков и фреймворков могут вредить производительности в реальном времени, особенно в режиме разработки. В README отдельно отмечено, что sourcemaps в Webpack и watchers во Vue.js дают сильное замедление.Работает только в браузере или ещё и на сервере и на мобильных устройствах?Поддерживаются и браузеры, и Node.js — Chrome, Firefox, Safari и даже IE8+, — а также мобильные устройства с поддержкой touch-событий и адаптивной вёрстки.
Поддерживаются и браузеры, и Node.js — Chrome, Firefox, Safari и даже IE8+, — а также мобильные устройства с поддержкой touch-событий и адаптивной вёрстки.Что именно умеет физическая симуляция?Твёрдые, составные и композитные тела, вогнутые и выпуклые оболочки, упругость (restitution), трение, связи (constraints), гравитацию, «засыпание» и статические тела, запросы столкновений вроде рейкастинга и проверки областей, а также масштабирование времени для эффекта замедления.
Твёрдые, составные и композитные тела, вогнутые и выпуклые оболочки, упругость (restitution), трение, связи (constraints), гравитацию, «засыпание» и статические тела, запросы столкновений вроде рейкастинга и проверки областей, а также масштабирование времени для эффекта замедления.Это порт другого физического движка?Нет — в README указано, что это оригинальная реализация на JavaScript, а не порт.
Нет — в README указано, что это оригинальная реализация на JavaScript, а не порт.Можно ли расширять движок плагинами?Да, есть система плагинов. В README есть ссылки на руководства по использованию и созданию плагинов, список существующих плагинов и стартовый шаблон matter-plugin-boilerplate.
Да, есть система плагинов. В README есть ссылки на руководства по использованию и созданию плагинов, список существующих плагинов и стартовый шаблон matter-plugin-boilerplate.Что такое MatterTools?Набор инструментов, идущий в комплекте с движком, для создания, тестирования и отладки физических миров.
Набор инструментов, идущий в комплекте с движком, для создания, тестирования и отладки физических миров.What are similar projects?zdog, phaser, pixijs, WebGL-Fluid-Simulation, particles.js, rough, react-native-skia, paper.js
zdog, phaser, pixijs, WebGL-Fluid-Simulation, particles.js, rough, react-native-skia, paper.jsWhich topics is it in?physics-engine, 2d, physics, creative-coding, canvas, simulation, rendering, game-development, graphics, javascript-library, real-time, animation
physics-engine, 2d, physics, creative-coding, canvas, simulation, rendering, game-development, graphics, javascript-library, real-time, animation