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

Часть 50: Почему я отказался от Phaser-а в пользу Unity!

Всем доброго времени суток… Последние несколько дней, а если быть более точным — уже неделю, потратил на поиск ошибки в новой версии приложения. Очень повезло, что решил сразу не выкладывать в release, а только в виде beta. На практике, после нескольких дней понял, что пользователи добровольно beta качать не хотят. По этому пришлось перейти к…

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

Часть 49: Что на самом деле Phaser, шифрация текстур (часть 3)

Мысль, что стоит написать пост на блоге изначально появилась несколько дней назад. Меня как то осенило… что же такое Phaser? Это один просто канвас, на который мы выводим куски графики в определенной последовательности. Все эти Sptire, Group, Text, это условности… как язык html-а наверно. Вот Group имеет только одну функцию, объединять кучу спрайтов в одно…

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

Часть 46: Дизайн для Робина Гуда

Наконец настало время рисовать дизайн. Как обычно бывает, оба моих постоянных дизайнера подвели. Одна получив ТЗ и сообщив что начала работу, пропала… надеюсь хотя бы жива 🙂 а второй существенно повысил цены, не улучшив свои навыки. После чего я принял решение освоить искусство рисовать 🙂 Звучит не реально сложно, особенно для человека с ИТ складом…

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

Часть 45: Логика Построения Кода Игры

Работа в Робин Гуде идет полным ходом. За несколько дней перенес весь код из прототипа в проект. Для себя сделал заключение, что не стоит делать прототипы на чистом JS, а лучше уже прямо в Phaser-е. Это существенно облегчает построение логики игры и передачу данных между классами. После переноса кода пришлось внести два изменения: при создании…

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

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

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

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

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

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

Continue Reading