Егор Михальчук делится опытом, как разрабатывать игры на JavaScript.

1. Опыт создания Real-time игры на WebGL, Angular,
Socket.io и Node.js
Михальчук Егор
megor.ru
1

2. Мягкий состав нашего ПК
Программы Игры
2

3. READ
3
slash
&

4. Realtime игра
4

5. Realtime игра
5

6. События в Realtime играх
6
Локальные
Многопользовательские
Глобальные
Локально-глобальные

7. Шлюз для общения участников
7
Socket.ioAJAXFlash WebRTC

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

9. 9

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

11. Даешь фреймворки трудящимся!
11
Phaser THREE.js
А еще pixi.js / melonJS / kiwi.js / Crafty / PhysicsJS / stage.js / playcanvas /
lycheeJS / Babylon.js / panda-engine и многие другие. Ссылки вот тут

12. 12

13. Пусть звучит из всех колонок
13
SoundManager2 / SoundJS / Buzz / Howler.js / audio.js / timbre.js / Fifer / Create.
js / p5.js и много других. Вот тут их реально много
Псс, парень...Работа со звуком

14. 14
Математика? А я гуманитарий...
Используйте готовые решения
Вспоминайте школу и университет
Читайте хорошие книжки
Гуглите!
Расчеты в играх

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

16. 16
Angular и почему он решает проблемы
Хорошая связанность данных
Удобный роутинг
Хорошо тестируется
Не нужно через селекторы работать с DOM
Шикарная модульность
Большое сообщество

17. 17
Серверная часть игры на Node.js
Это JavaScript
Socket.io для node.js
Асинхронный

18. 18
За кулисами: редактор
Хранить игру можно и в JSON
Но для правки нужен редактор
Тестирование должно быть мгновенным
Любой чайник должен понять

19. 19
Упаковка в исполняемые пакеты для Steam
Упаковка node версии игры в пакет
Пакеты для всех основных ОС
Огромное API для работы с ОС
node-webkit (NW.js)

20. 20
Упаковка для мобильных устройств
Быстро
Почти без боли
Кроссплатформенно (iOS, Android, WP)
Нативненько так
Apache Cordova

21. 21
Вот и всё!
Делайте хорошие игры, не изменяя джаваскрипту своей души
Михальчук Егор
megor.ru