HTML5 Phaser ECMAScript 6

Публичная разработка обучающей игры с целью заработать 1000 долларов в месяц

Часть 39: Динамическая работа с графикой на низком уровне Часть 38: Отчет за октябрь и игра Language Learning Flashcards Часть 37: Сцена правописания готова и рассуждения о «достижениях» в игре Часть 36: Мини игра «Правда или Ложь» за один день! Часть 35: Динамическая формула роста награды за уровень (очков) Часть 34: Как разбить код и…

Continue Reading
Phaser - полезные советы

Часть 39: Динамическая работа с графикой на низком уровне

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

Continue Reading
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
Phaser - полезные советы

Часть 34: Как разбить код и бесплатная альтернатива TexturePacker — ShoeBox

Я с первого дня обратил внимание, что в TexturePacker есть возможность задать отступы вокруг спраита, но не понял, зачем и кому они могут понадобится. Как оказалось это критично и вот почему. При анимации размера спраита (scale), размер округляется. По этой причине Phaser иногда берет полоску толщиной в один пиксель из нижестоящего спраита (в моем случае…

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
Утилиты и Программы

Часть 31: Создание аудио спраита программой audiosprite

Я уже давно обещал вам рассказать про создание аудио спрайтов. Как и графические спрайты, аудио спрайты (можете их воспринимать как плейлист) позволяют эномить память, процессорное время и без задержек воспроизводить аудио файлы. Для этих целей мы воспользуемся программой audiosprite. Она работает из командной строки, а так как передавать вручную список файлов и параметры конечного файла…

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

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

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

Continue Reading