Игровая физика в javascript

37
ИГРОВАЯ ФИЗИКА В JAVASCRIPT

Upload: pavel-klimiankou

Post on 17-Jul-2015

3.005 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: Игровая физика в JavaScript

ИГРОВАЯ ФИЗИКА

В

JAVASCRIPT

Page 2: Игровая физика в JavaScript

О ЧЕМ ВООБЩЕ

• 2D: PhysicsJS, p2.js

• Основные компоненты

• Силы и взаимодействие

• Составные объекты и связи

• Разрушение

• Из чего выбирать

Page 3: Игровая физика в JavaScript

ОСНОВНЫЕ КОМПОНЕНТЫ

• Мир

• Тела

• Правила взаимодействия

• Рендерер

• tick()

Page 4: Игровая физика в JavaScript

МИР, ТЕЛА

Page 5: Игровая физика в JavaScript

РЕНДЕРЕР

Page 6: Игровая физика в JavaScript

РЕНДЕРЕР В

P2.JS И PHYSICS

• p2.js – нет

• PhysicsJS – встроенный, расширяемый

Page 7: Игровая физика в JavaScript

HELLO “WORLD”

Page 8: Игровая физика в JavaScript

HELLO “RENDERER”

Page 9: Игровая физика в JavaScript

ПРИМЕР: HELLO WORLD

Page 10: Игровая физика в JavaScript

СИЛЫ И ВЗАИМОДЕЙСТВИЕ

• Гравитация

• Импульс

• Столкновение

• Трение

• Упругость

Page 11: Игровая физика в JavaScript

ГРАВИТАЦИЯ

Page 12: Игровая физика в JavaScript

ГРАВИТАЦИЯ В

P2.JS И PHYSICS.JS

Page 13: Игровая физика в JavaScript

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

Page 14: Игровая физика в JavaScript

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

P2.JS И PHYSICS.JS

p2.js – идут бесплатно

PhysicsJS – надо конфигурять

Page 15: Игровая физика в JavaScript

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

Page 16: Игровая физика в JavaScript

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

ЧТО ВНУТРИ

Page 17: Игровая физика в JavaScript

ТРЕНИЕ

Page 18: Игровая физика в JavaScript

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

Page 19: Игровая физика в JavaScript

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

ЧТО ВНУТРИ

Page 20: Игровая физика в JavaScript

УПРУГОСТЬ

Page 21: Игровая физика в JavaScript

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

Page 22: Игровая физика в JavaScript

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

ЧТО ВНУТРИ

relaxationstiffness

Page 23: Игровая физика в JavaScript

ИМПУЛЬС

Page 24: Игровая физика в JavaScript

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

Page 25: Игровая физика в JavaScript

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

ЧТО ВНУТРИ

Page 26: Игровая физика в JavaScript

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

Page 27: Игровая физика в JavaScript

СВЯЗИ И

ОГРАНИЧЕНИЯ

Lock

Gear

Distance/Prismatic

Revolute

Page 28: Игровая физика в JavaScript

СВЯЗИ В

P2.JS И PHYSICS.JS

physics.js – НЕТ!

p2.js: все, что были; разрушаемые

Page 29: Игровая физика в JavaScript

ПРИМЕР: ПРИВЯЗКА ПО

РАССТОЯНИЮ

Page 30: Игровая физика в JavaScript

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

ЧТО ВНУТРИ

Page 31: Игровая физика в JavaScript

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

Page 32: Игровая физика в JavaScript

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

ЧТО ВНУТРИ

Page 33: Игровая физика в JavaScript

МАШИНКА: ЧТО ЕЩЁ ВНУТРИ

Точки контакта

+

2 связи

Page 34: Игровая физика в JavaScript

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

УИИИИ!!!!

Page 35: Игровая физика в JavaScript

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

РАЗРЫВОМ СВЯЗЕЙ

Page 36: Игровая физика в JavaScript

СТРЕЛЯЛКА С РАЗРЫВОМ.

ЧТО ВНУТРИ

Page 37: Игровая физика в JavaScript

СПАСИБО!

ВОПРОСЫ?

Где я:

/pasha.klimenkov

Где примеры:

/ /pavel-klimiankou/physics-talk.git