Когда нужен готовый движок, а когда свой решатель?

Готовый движок подходит для твёрдых тел и столкновений. Верёвки, дым и необычные эффекты часто проще и быстрее посчитать собственным решателем.

Справится ли браузер с физикой?

Да, особенно с WebAssembly и вынесением расчётов в отдельный поток. Мы задаём целевую частоту кадров и подбираем размер задачи под неё.

Мы используем фиксированный шаг расчёта, чтобы поведение не зависело от частоты кадров экрана.

Столкновения, верёвки, жидкость и ткань: подключаем готовые движки или пишем решатель под вашу задачу.

Подключение готового движка (Rapier, Box2D, Bullet/Ammo.js, PhysX) к вашей сцене.
Верёвки, цепи и мягкие тела на методе Верле (Verlet integration, численное интегрирование без хранения скоростей).
Течение жидкости и дыма на Stable Fluids (устойчивое решение уравнений течения).
Столкновения, трение и ограничения для игр и симуляций.
Перенос тяжёлых расчётов в WebAssembly (бинарный формат, близкий к машинному коду) и отдельные потоки.

Разбор задачи
Выясняем, какую физику нужно воспроизвести, насколько она должна быть точной и что важнее: правдоподобие или скорость.
Выбор подхода
Решаем, брать ли готовый движок или писать свой решатель, и проверяем выбор на небольшом прототипе.
Разработка
Подключаем расчёт к графике, настраиваем параметры и добиваемся стабильного поведения на разных устройствах.
Запуск и поддержка
Проверяем стабильность на разной частоте кадров, передаём код и описание настраиваемых параметров.