HTML5 Phaser ECMAScript 6

Часть 38: Отчет за октябрь и игра Language Learning Flashcards

Свободного времени, а точней времени на новый проект было очень мало. Очень много занимался офлаин делами, которые в долгосрочной перспективе окупятся (я так думаю). У себя лично создавалось впечатление, что работал не много… но посмотрев на статистику за прошлый месяц, оказалось что отработал 190 часов (на 60 часов меньше чем в прошлом), из них 80…

Continue Reading
HTML5 Phaser ECMAScript 6

Часть 37: Сцена правописания готова и рассуждения о «достижениях» в игре

Всем привет! Не писал уже больше недели но было на то несколько причин. Самая главная это отсутствие комментариев. Я же вижу что каждый день приходят десятки читателей, зависают по пол часа и читают по 7 станиц в среднем, но написать пару слов лень =) Это кстати интересный парадокс, который надо любому разработчику брать на вооружение.…

Continue Reading
HTML5 Phaser ECMAScript 6, Phaser - полезные советы

Часть 36: Мини игра «Правда или Ложь» за один день!

Закончил мини игру «правда или ложь», посмотреть можно тут. Вся сцена была создана очень быстро и эффективно, благодаря новому методу. Очень хотеться рассказать вам про него, а также как я наше способ в JavaScript создавать класс который наследует свойства и методы сразу у двух родителей. Но разумней будет сначала отшлифовать неровности в этом методе, а…

Continue Reading
HTML5 Phaser ECMAScript 6, Phaser - полезные советы

Часть 35: Динамическая формула роста награды за уровень (очков)

В игру я добавил магазин покупки сердечек, времени и энергии (я считаю этот термин больше подходит чем «сила», который я использовал ранее) за монетки. Сами монетки изначально я предполагал продавать за реальные деньги. Но так как для реализации внутренних продаж надо разобрать API для Apple и Android (возможно с нудной верификацией акаунта), я решил давать…

Continue Reading
HTML5 Phaser ECMAScript 6, Phaser - полезные советы

Часть 33: Как быстро создавать элементы интерфейса в игре

Добавил в игру два новых окошка для экзамена: победа и поражение. Обратите внимание на заголовок окошка поражения. Я заведомо написал «победа близка», что бы ободрить игрока. Это очень важно делать! В первой версии игры, переход на новый уровень происходил по мере накопления опыта. А что бы игрок не использовал старые уроки для перехода на новый…

Continue Reading
HTML5 Phaser ECMAScript 6

Часть 32: GIF игрового процесса и ошибки проектирования

Я сдержал свои обещания и рассказал вам про программы и утилиты которые использовал при разработке. Осталось только рассказать вам еще про Git (не стоит его путать с GitHub). Git был изобретен еще в 80-ые, а GitHub это красивая разрекламированная ПЛАТНАЯ обертка. Git можно за несколько минут настроить на своем сервере бесплатно. На GitHub нет ничего,…

Continue Reading
HTML5 Phaser ECMAScript 6, Phaser - полезные советы

Часть 30: onTap который не срабатывает при swipe жесте

После решения проблемы с событиями, я приступил к реализации события onTap. Погуглимв немного я нашел, что Phaser его реализовал, но не для объектов, а для сцены: game.input.onTap. Этот недостаток мне удалось очень просто устранить. Достаточно в обработчик события onTap добавить проверку координат нажатия: Такое решение работает, если пользователь прокручивает список более 500 миллисекунд. Но на…

Continue Reading
HTML5 Phaser ECMAScript 6, Phaser - полезные советы

Часть 29: Неверное событие onInputUp при scale=0

Начну с очень хорошей новости: прототип программы по изучению слов готов! Конечно надо еще создать два других навыка, добавить сцены с сдачей/провалом экзамена, но главное мы можем играть. А играть надо, потому, что можно заметить ошибки проектирования: в окошке результата урока нет кнопки «на главную». При проектировании, я подумал о кнопке повторения урока, о запуске…

Continue Reading
HTML5 Phaser ECMAScript 6, Утилиты и Программы

Часть 27: Конвертация SVG в PNG и Image Resize

Скелет игры готов: главное меню, экран с выбором уроков, непосредственно сцена с игрой (изучения слов) и отображение результата урока (level complete). Кстати, именно он мне подсказал, что в моей диаграмме рассчета баланса игры допущена одна ошибка. Изначально я планировал давать за урок от 4 до 8 монеток, но у этого плана есть недостатки: 1) Это…

Continue Reading
HTML5 Phaser ECMAScript 6

Часть 26: Закончена игровая сцена изучения слов

Мне очень хотелось показать вам полнофункциональную модель игровой сцены. С одной стороны, я сдержал слово и все, что у меня было запланировано я успел сделать. Но с другой стороны, я мог еще закончить сцену с результатами урока, у меня даже были целые сутки на это НО… Вчера с утра начал по немного разгружать TODO лист…

Continue Reading