Upload
jsib
View
176
Download
8
Tags:
Embed Size (px)
Citation preview
Опыт создания 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