Зарелизил игрушку про управление кораблём со сломанным управлением. Корабль постоянно стреляет и смещается в сторону, а кликом по экрану можно изменить направление смещения.
Писал на LibGDX+Kotlin. Графику рисовал в Aseprite. Музыку взял на opengameart.
Просто очередная змейка на Phaser3 с графикой в стиле pixelart.
По мере поедания фиолетовых яблок появляются не только новые яблоки, но и камни, столкновение с которыми убивает змейку.
Из интересного - забавный механизм смены головы и хвоста, если нажать кнопку, противоположную текущему направлению движения. Работает примерно так:
reverse() {
const inverse = {
up: 'down',
down: 'up',
left: 'right',
right: 'left',
};
this.snake = this.snake.reverse();
this.snake.forEach(s => {
s.direction = inverse[s.direction];
});
this.direction = this.snake[this.snake.length - 1].direction;
}
Пальмы вышли странновато, а вот камень мне нравится.
История этой игры началась в далёком 2013 году. Тогда я (ещё на python+pygame) сделал игрушку, где персонажем был Sparkling Tail. Этот зверёк мне так понравился, что уже позже, в 2014, я решил сделать новую игру с его участием, но уже браузерную версию (раз, два). Однако тогда у меня так и не дошли руки закончить игрушку. И вот спустя ещё 3 года, теперь уже в конце 2018 я решил довести до конца задуманную тогда игру. И дело не в том, что идея игры мне не давала покоя (ничего особенного в ней нет), мне нравился сам герой.
Правила игры довольно просты - уклоняться от летящих на тебя штуковин. Камни просто бьют по голове и смещают в сторону, если вылетел за границы экрана - умер. Колючки убивают сразу.
Когда я снова засел за эту игру, то придумал целый набор разных каменюк, а также разные способы движения. Но уже после добавления камней и шипов с тремя типами движения понял, что игра не настолько интересна, чтобы продолжать её развивать. Бросать разработку на половине пути тоже не хотелось, поэтому я доделал игру с той механикой, что уже была запрограммирована. Так что пусть всё остаётся как есть.
"Geometric memory" - это вариация игры на память, только нужно запоминать не разные фигурки, а разное расположение цветов в одних и тех же формах. Всего в игре три разных геометрических фигуры: квадрат, треугольник и круг.
Для раскраски фигур используется 3 цвета, плюс ещё один для фона. Цвет рамки совпадает с последним цветом из палитры, фактически, это тот цвет, который больше всего контрастирует с фоном.
В какой именно палитре играть, можно выбрать на стартовом экране.
Когда только взялся за разработку, то хотел сделать игру, где бы мне не пришлось много рисовать, либо искать наборы картинок. С самого начала хотел сделать автогенерацию. Сперва думал о небольшом наборе рисованных элементов, которые потом можно комбинировать. А потом случайно попробовал сгенерировать простые геометрические фигуры и вложить одну в другую. Получилось интересно.
Самым важным было подобрать политры сочетающихся друг с другом цветов. Поскольку я не художник, то решил посмотреть, что на эту тему пишут те, кто рисует в PixelArt. Обычно, в таких рисунках используется ограниченное количество цветов, что мне и нужно было. В одной из статей нашёл описание, как создавать свои палитры и набор примеров, которые взял в свою игру.
https://gitlab.com/grigoriytretyakov/geometric-memory
Кликнув по картинке, можно попробовать найти разницу между этим двумя квадратами.
Разглядывая иллюстрации в комиксе "Я ненавижу страну чудес", подумал, что очень красочно выглядит сцена борьбы с зомби, отлично подобраны цвета и замечательно нарисованы персонажи (ещё осознал, что комиксы мне нравятся, хотя я не знаю, как их правильно читать). Глядя на эту красоту, решил в игре про воюющих квадратиков сделать злодеев зомби, которых должен был бы побеждать бесстрашный герой.
В этом прототипе нужно как можно дольше продержаться, уклоняясь от столкновений с зомби, а для борьбы использовать снаряд из света. Проблема в том, что снаряд один и его нужно ловить обратно для повторного броска, а зомби ещё и пытается от него уклоняться (иногда - успешно).
Управлять - стрелками или WAD, для выстрела - пробел. На тачскрине тоже играть можно: свайпами меняем направление или прыгаем, а стрелять просто нажатием на экран.
В финальном варианте игры персонажи не такие, как я их создавал в первом варианте. Сперва я думал сделать просто прыгающие квадраты, а уже потом под влиянием комикса сделал из врагов (frags) зомби. Так у зелёного врага в глазах появились крестики. Потом я попытался сделать глаза более выразительными, а тело зомби деформированным.
Помимо этого мне захотелось сделать так, чтобы во время прыжка у героя менялось положение зрачка. Только во время игры это почти не заметно из-за высокой скорости движения. Поэтому я прикрутил смену направления взгляда и для стартовой кнопки:
pointerMove(pointer) {
let frame = pointer.position.x < this.startButton.x ? 0 : 3;
let offset = 1;
if (pointer.position.y > (this.startButton.y + this.startButton.height)) {
offset = 2;
}
else if (pointer.position.y < (this.startButton.y - this.startButton.height)) {
offset = 0;
}
frame += offset;
this.startButton.setFrame(frame);
}
Так это выглядит на экране моего телефона:
А так это смотрится, если экран повернуть вертикально:
Код для ресайза и для управления с тачскрина взял из книги "HTML5 Cross Platform Game Development Using Phaser 3", которую написал Emanuele Feronato (https://www.emanueleferonato.com/).
Исходники https://gitlab.com/grigoriytretyakov/phaser3-bouncing-frags
Играть можно там, или кликнув по зомби:
