Опыт создания Real-time игры на WebGL, Angular, Socket.io и Node.js

Михальчук Егорmegor.ru

1

Мягкий состав нашего ПК

Программы Игры

2

READ

3

slash

&

Realtime игра

4

Realtime игра

5

События в Realtime играх

6

Локальные

Многопользовательские

Глобальные

Локально-глобальные

Шлюз для общения участников

7

Socket.ioAJAX Flash WebRTC

События, проходящие через сервер 8

9

Средства визуализации игры в вебе

Flash CanvasDOM

10

Даешь фреймворки трудящимся!

11

Phaser THREE.js

А еще pixi.js / melonJS / kiwi.js / Crafty / PhysicsJS / stage.js / playcanvas / lycheeJS / Babylon.js / panda-engine и многие другие. Ссылки вот тут

12

Пусть звучит из всех колонок

13

SoundManager2 / SoundJS / Buzz / Howler.js / audio.js / timbre.js / Fifer / Create.js / p5.js и много других. Вот тут их реально много

Псс, парень...Работа со звуком

14

Математика? А я гуманитарий...

Используйте готовые решения

Вспоминайте школу и университет

Читайте хорошие книжки

Гуглите!

Расчеты в играх

15

Готовьте много иконок Рисуйте спрайты, меняйте позицию в зависимости от ситуацииПишите шейдеры

Анимация и графика

16

Angular и почему он решает проблемы

Хорошая связанность данных

Удобный роутинг

Хорошо тестируется

Не нужно через селекторы работать с DOM

Шикарная модульность

Большое сообщество

17

Серверная часть игры на Node.js

Это JavaScript

Socket.io для node.js

Асинхронный

18

За кулисами: редактор

Хранить игру можно и в JSON

Но для правки нужен редактор

Тестирование должно быть мгновенным

Любой чайник должен понять

19

Упаковка в исполняемые пакеты для Steam

Упаковка node версии игры в пакет

Пакеты для всех основных ОС

Огромное API для работы с ОС

node-webkit (NW.js)

20

Упаковка для мобильных устройств

Быстро

Почти без боли

Кроссплатформенно (iOS, Android, WP)

Нативненько так

Apache Cordova

21

Вот и всё!

Делайте хорошие игры, не изменяя джаваскрипту своей души

Михальчук Егорmegor.ru