Игровая физика в javascript
TRANSCRIPT
![Page 1: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/1.jpg)
ИГРОВАЯ ФИЗИКА
В
JAVASCRIPT
![Page 2: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/2.jpg)
О ЧЕМ ВООБЩЕ
• 2D: PhysicsJS, p2.js
• Основные компоненты
• Силы и взаимодействие
• Составные объекты и связи
• Разрушение
• Из чего выбирать
![Page 3: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/3.jpg)
ОСНОВНЫЕ КОМПОНЕНТЫ
• Мир
• Тела
• Правила взаимодействия
• Рендерер
• tick()
![Page 4: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/4.jpg)
МИР, ТЕЛА
![Page 5: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/5.jpg)
РЕНДЕРЕР
![Page 6: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/6.jpg)
РЕНДЕРЕР В
P2.JS И PHYSICS
• p2.js – нет
• PhysicsJS – встроенный, расширяемый
![Page 7: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/7.jpg)
HELLO “WORLD”
![Page 8: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/8.jpg)
HELLO “RENDERER”
![Page 9: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/9.jpg)
ПРИМЕР: HELLO WORLD
![Page 10: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/10.jpg)
СИЛЫ И ВЗАИМОДЕЙСТВИЕ
• Гравитация
• Импульс
• Столкновение
• Трение
• Упругость
![Page 11: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/11.jpg)
ГРАВИТАЦИЯ
![Page 12: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/12.jpg)
ГРАВИТАЦИЯ В
P2.JS И PHYSICS.JS
![Page 13: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/13.jpg)
СТОЛКНОВЕНИЯ
![Page 14: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/14.jpg)
СТОЛКНОВЕНИЯ В
P2.JS И PHYSICS.JS
p2.js – идут бесплатно
PhysicsJS – надо конфигурять
![Page 15: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/15.jpg)
ПРИМЕР: СТОЛКНОВЕНИЯ
![Page 16: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/16.jpg)
ПРИМЕР: СТОЛКНОВЕНИЯ
ЧТО ВНУТРИ
![Page 17: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/17.jpg)
ТРЕНИЕ
![Page 18: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/18.jpg)
ПРИМЕР: ТРЕНИЕ
![Page 19: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/19.jpg)
ПРИМЕР: ТРЕНИЕ
ЧТО ВНУТРИ
![Page 20: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/20.jpg)
УПРУГОСТЬ
![Page 21: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/21.jpg)
ПРИМЕР: УПРУГОСТЬ
![Page 22: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/22.jpg)
ПРИМЕР: УПРУГОСТЬ
ЧТО ВНУТРИ
relaxationstiffness
![Page 23: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/23.jpg)
ИМПУЛЬС
![Page 24: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/24.jpg)
ПРИМЕР: ВЗРЫВ
![Page 25: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/25.jpg)
ПРИМЕР: ВЗРЫВ
ЧТО ВНУТРИ
![Page 26: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/26.jpg)
ПРИМЕР: СТРЕЛЯЛКА
![Page 27: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/27.jpg)
СВЯЗИ И
ОГРАНИЧЕНИЯ
Lock
Gear
Distance/Prismatic
Revolute
![Page 28: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/28.jpg)
СВЯЗИ В
P2.JS И PHYSICS.JS
physics.js – НЕТ!
p2.js: все, что были; разрушаемые
![Page 29: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/29.jpg)
ПРИМЕР: ПРИВЯЗКА ПО
РАССТОЯНИЮ
![Page 30: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/30.jpg)
ПРИВЯЗКА ПО РАССТОЯНИЮ.
ЧТО ВНУТРИ
![Page 31: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/31.jpg)
ПРИМЕР: МАШИНКА
![Page 32: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/32.jpg)
ПРИМЕР: МАШИНКА
ЧТО ВНУТРИ
![Page 33: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/33.jpg)
МАШИНКА: ЧТО ЕЩЁ ВНУТРИ
Точки контакта
+
2 связи
![Page 34: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/34.jpg)
…И ЕЩЕ ОДНА МАШИНКА.
УИИИИ!!!!
![Page 35: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/35.jpg)
ПРИМЕР: СТРЕЛЯЛКА С
РАЗРЫВОМ СВЯЗЕЙ
![Page 36: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/36.jpg)
СТРЕЛЯЛКА С РАЗРЫВОМ.
ЧТО ВНУТРИ
![Page 37: Игровая физика в JavaScript](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55a864c31a28abf93f8b456c/html5/thumbnails/37.jpg)
СПАСИБО!
ВОПРОСЫ?
Где я:
/pasha.klimenkov
Где примеры:
/ /pavel-klimiankou/physics-talk.git