Как сделать базовые физические штуки в JavaScript игре: гравитация, столкновения, трение, упругость, импульс, создание и разрушение сложных объектов. И.. машинки! Примеры: http://pavel-klimiankou.github.io/physics-talk/ Код: http://github.com/pavel-klimiankou/physics-talk

1. ИГРОВАЯ ФИЗИКА
В
JAVASCRIPT

2. О ЧЕМ ВООБЩЕ
• 2D: PhysicsJS, p2.js
• Основные компоненты
• Силы и взаимодействие
• Составные объекты и связи
• Разрушение
• Из чего выбирать

3. ОСНОВНЫЕ КОМПОНЕНТЫ
• Мир
• Тела
• Правила взаимодействия
• Рендерер
• tick()

4. МИР, ТЕЛА

5. РЕНДЕРЕР

6. РЕНДЕРЕР В
P2.JS И PHYSICS
• p2.js – нет
• PhysicsJS – встроенный, расширяемый

7. HELLO “WORLD”

8. HELLO “RENDERER”

9. ПРИМЕР: HELLO WORLD

10. СИЛЫ И ВЗАИМОДЕЙСТВИЕ
• Гравитация
• Импульс
• Столкновение
• Трение
• Упругость

11. ГРАВИТАЦИЯ

12. ГРАВИТАЦИЯ В
P2.JS И PHYSICS.JS

13. СТОЛКНОВЕНИЯ

14. СТОЛКНОВЕНИЯ В
P2.JS И PHYSICS.JS
p2.js – идут бесплатно
PhysicsJS – надо конфигурять

15. ПРИМЕР: СТОЛКНОВЕНИЯ

16. ПРИМЕР: СТОЛКНОВЕНИЯ
ЧТО ВНУТРИ

17. ТРЕНИЕ

18. ПРИМЕР: ТРЕНИЕ

19. ПРИМЕР: ТРЕНИЕ
ЧТО ВНУТРИ

20. УПРУГОСТЬ

21. ПРИМЕР: УПРУГОСТЬ

22. ПРИМЕР: УПРУГОСТЬ
ЧТО ВНУТРИ
relaxationstiffness

23. ИМПУЛЬС

24. ПРИМЕР: ВЗРЫВ

25. ПРИМЕР: ВЗРЫВ
ЧТО ВНУТРИ

26. ПРИМЕР: СТРЕЛЯЛКА

27. СВЯЗИ И
ОГРАНИЧЕНИЯ
Lock
Gear
Distance/Prismatic
Revolute

28. СВЯЗИ В
P2.JS И PHYSICS.JS
physics.js – НЕТ!
p2.js: все, что были; разрушаемые

29. ПРИМЕР: ПРИВЯЗКА ПО
РАССТОЯНИЮ

30. ПРИВЯЗКА ПО РАССТОЯНИЮ.
ЧТО ВНУТРИ

31. ПРИМЕР: МАШИНКА

32. ПРИМЕР: МАШИНКА
ЧТО ВНУТРИ

33. МАШИНКА: ЧТО ЕЩЁ ВНУТРИ
Точки контакта
+
2 связи

34. …И ЕЩЕ ОДНА МАШИНКА.
УИИИИ!!!!

35. ПРИМЕР: СТРЕЛЯЛКА С
РАЗРЫВОМ СВЯЗЕЙ

36. СТРЕЛЯЛКА С РАЗРЫВОМ.
ЧТО ВНУТРИ

37. СПАСИБО!
ВОПРОСЫ?
Где я:
/pasha.klimenkov
Где примеры:
/ /pavel-klimiankou/physics-talk.git