Серия «Игрушечный программист - мой опыт Construct 3»

8

Игра Лица истории на Пикабу Игры

Добрый день!

Меня зовут Руслан Богданов.
С 2016 года делаю игры в редакторе Construct 3.

На Пикабу Игры просочилась очередная игра в жанре "Викторина", в разработке которой мне довелось принять участие.

Вот она:

Лица истории

https://games.pikabu.ru/game/litsa-istorii

Игра Лица истории на Пикабу Игры Gamedev, Браузерные игры, История России, История (наука), Викторина, Construct 3, Длиннопост

Если что, это Никсон.

Предыстория

Это игра была сделана на заказ по просьбе одного очень хорошего человека и настоящего учителя.

Владимир преподаёт в одном из московских колледжей и долгое время заказывал мне разные обучающие игры, чтобы помочь своим ученикам усвоить сложный материал.

Темы игр были разные - история, математика, литература, химия и не только. В сумме мы наклепали не один десяток несложных обучающих игр с разными механиками. И сейчас начали выкладывать их на разные площадки, в том числе и на Пикабу Игры.

Как в это играть?

В этой викторине соединены две механики.

Пока картинка с персоной падает игрок прокручивает временнУю шкалу в нижней части экрана чтобы подставить под картинку нужный период времени.

Игра Лица истории на Пикабу Игры Gamedev, Браузерные игры, История России, История (наука), Викторина, Construct 3, Длиннопост

Тухачевский падает... падает....

Если выбран правильный период - картинка фиксируется и справа появляются кнопки с именами персон - нужно выбрать правильное имя. За это дают дополнительные баллы.

После прохождения всех персон баллами можно померяться в таблице рекордов.

Как набрать больше баллов?

Чтобы получить x2 к баллам, в Настройках можно ускорить время падения картинки, задав Скорость x2.

Игра Лица истории на Пикабу Игры Gamedev, Браузерные игры, История России, История (наука), Викторина, Construct 3, Длиннопост

Настройки игры.

Звук

В качестве саундтрека мы приобрели у одного музыканта инструменталку "Ой ты степь широкая". Нам показалось, что она идеально вписывается в тему игры.

Ну и спасибо фильму "Ширли-мырли", в котором она звучала в финале и таким образом хорошо запомнилась мне :)

Графика

Какой-то особой графики в игре нет. В основном - исторические фотографии.

Единственно, интерфейсные окна мы постарались оформить в виде старой бумаги и шрифт к ним подобрали похожий на дореволюционный.

Игра Лица истории на Пикабу Игры Gamedev, Браузерные игры, История России, История (наука), Викторина, Construct 3, Длиннопост

Лица истории

Выводы

В целом, игрушка мне до сих пор нравится своей оригинальностью и саундтреком, цепляющим какие-то глубинные струны в душе.

И хоть в процессе игры, в некоторые лица истории порой хочется плюнуть, но думаю, это значит, что игра вызывает хоть какие-то эмоции у игрока :)

UPD: Вспомнил про одно видео в тему, которое мне недавно присылали :)
Сюда не получилось прицепить, но его можно найти в Яндекс. Видео во вот такому запросу:

Девочки малыши исполняют песню Ой ты степь широкая — Видео от Валерий Воеводин

И кадр из видео.

Игра Лица истории на Пикабу Игры Gamedev, Браузерные игры, История России, История (наука), Викторина, Construct 3, Длиннопост
Показать полностью 5
10

Мой первый Сапёр

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.

Преамбула

По воле судьбы уже выложил в общую ленту посты про свои более-менее интересные игры опубликованные в Пикабу Играх.

А сегодня мне посоветовали написать что-нибудь и в Лигу Разработчиков Видеоигр.

Кто я такой. чтобы спорить? :)

Из опубликованных, но не описанных на Пикабу пока остался только Сапёр, напишу про него.

Ссылка

https://games.pikabu.ru/game/sapyor

Отказ от ответственности

Сразу оправдаюсь, что этим проектом я не горжусь, он был просто тестовым заданием на приём в одну небольшую компанию, куда всё равно в итоге так и не устроился.

До кучи отправил его на модерацию дистрибуции в GamePush и он каким-то образом просочился сквозь цепкие пальцы модератора на Пикабу Игры.

Итак, вот как выглядит сам товарищ Сапёр.

Мой первый Сапёр Gamedev, Браузерные игры, Сапер, Construct 3, Длиннопост

Основной геймплей игры.

Механика игры

Механика самая что ни на есть классическая, (компьютерная версия родом ещё из 80-х годов).

Более поздний референс из Windows:

Мой первый Сапёр Gamedev, Браузерные игры, Сапер, Construct 3, Длиннопост

Сапёр из первых Windows.

Поле в моей версии 10 на 10 закрытых клеток.

Если тыкаем в пустую клетку - она открывается и показывает цифрами, сколько мин вокруг.

Если попадаем в клетку с миной, то сразу конец игры (почти как в жизни).

Если есть подозрение, что под клеткой мина - можно пометить её флагом.

Когда все клетки без мин открыты - получаем в награду салют из звёздочек.

Мой первый Сапёр Gamedev, Браузерные игры, Сапер, Construct 3, Длиннопост

Интерфейс

Интерфейс - простецкий:

Сверху-слева у нас таймер (если победить быстрее, чем в прошлый раз - попадаешь в таблицу рекордов).

Затем, кнопка Рестарт - перезапускает игру.

Справа - счётчик оставшихся мин. Он ориентируется не на реальное количество, а на количество установленных флагов.

Управление

Управление в игре - мышью или тачем.

Как видно по вертикальному интерфейсу - это адаптация под мобильные платформы, но с возможностью запускать и на компьютере.

На компьютере левой кнопкой открываем клетку. Правой - ставим/снимаем флаг.

На смартфоне коротким тапом открываем клетку. Длинным - ставим/снимаем флаг.

Картинки

Элементы интерфейса по большей части взял из предыдущих проектов и чуть дорисовал в Inkscape.

Мой первый Сапёр Gamedev, Браузерные игры, Сапер, Construct 3, Длиннопост

Бомбу на клетках накопал где-то в интернетах.

Баннеры и логотипы игры мне сгенерировала нейросеть Recraft. Кстати, очень рекомендую эту рисовалку. Пока ничего более удобного не встречал. В ней можно потихоньку бесплатно рисовать каждый день.

Ссылку на нейросеть не даю, вроде в правилах этой Лиги указано, что не более одной ссылки на пост. Но она легко гуглится.

Мой первый Сапёр Gamedev, Браузерные игры, Сапер, Construct 3, Длиннопост

Картинки в Рекрафте

Если Рекрафт у Вас не захочет работать из-за санкций, можно использовать бесплатный сберовский GigaChat. Совсем недавно он наконец-то научился рисовать нормальных советских пионеров, чего не получалось от него добиться в последнюю пару лет.

Звук

Изначально игра была без звуков (классический минимализм), но по просьбе модератора добавил пару бабахов.

Программирование

Игра создана на движке Construct 3 примерно за пару-тройку дней по вечерам.

В основном, игра построена на работе с массивом 10 на 10, в котором и происходит основная "магия".

Решения там использованы не самые элегантные, но вроде всё работает. Приведу здесь кусочек кода.

Мой первый Сапёр Gamedev, Браузерные игры, Сапер, Construct 3, Длиннопост

Кусочек кода

Основной затык при программировании был в автоматическом открытии всех свободных клеток и клеток вокруг них. Пришлось вспоминать, что такое волновой алгоритм и придумывать, как его прикрутить к данной ситуации.

Здесь расписывать не буду - сейчас любой вопрос можно задать нейросети (сам использую DeepSeek и Qwen) и получить полный ответ.

Вывод

Если у Вас есть более-менее готовая браузерная игра, которую пока стеснялись куда-либо выкладывать, попробуйте дистрибуцию от GamePush. Там принимают на рассмотрение даже далеко не шедевры.

Можно для начала просто кинуть им в чате ссылку на игру, размещённую где-нибудь на Вашем сайте или на другой площадке и попросить рассмотреть - стоит ли её допиливать под дистрибуцию. Это быстро и бесплатно.

Мой первый Сапёр Gamedev, Браузерные игры, Сапер, Construct 3, Длиннопост

Кроме Пикабу Игр они также размещают на некоторых других площадках, например, в Одноклассниках, куда без ИП не пробиться. Но эта площадка всё же не для всех игр. Модераторы подскажут, они очень приятные в общении люди.

В общем, пробуйте, хуже не будет (но это не точно :)

Показать полностью 7
3

Моя игра Скомканные картинки на Пикабу Игры

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.

Однажды среди шаблонов игр для Construct 3 мне попалась любопытная механика с подвижными мешами (узловыми точками на сетке).

Моя игра Скомканные картинки на Пикабу Игры Construct 3, Браузерные игры, Gamedev, Картинки, Игры, Альбом, Длиннопост

Механика с Мешами.

Механика показалась достаточно редкой и появилась идея когда-нибудь сделать игру с ней.

Прошли годы (или около того) и появилась вот эта игра:

Скомканные картинки

https://games.pikabu.ru/game/skomkannyie-kartinki

Цель игры: Разворачивать неизвестные заранее картинки и получать удовольствие от процесса.

Развёрнутые картинки сохраняются а Альбом, где их можно потом посмотреть или удалить.

Можно выбрать тему картинок:

Моя игра Скомканные картинки на Пикабу Игры Construct 3, Браузерные игры, Gamedev, Картинки, Игры, Альбом, Длиннопост

Выбор темы картинки

Затем в стеклянную чашку падают 5 скомканных картинок.

Моя игра Скомканные картинки на Пикабу Игры Construct 3, Браузерные игры, Gamedev, Картинки, Игры, Альбом, Длиннопост

5 картинок на выбор.

Из них можно выбрать любую и начать её разворачивать. Игра 2D, поэтому скомканность тут не очень красиво реализована.

Моя игра Скомканные картинки на Пикабу Игры Construct 3, Браузерные игры, Gamedev, Картинки, Игры, Альбом, Длиннопост

Скомканная картинка

Моя игра Скомканные картинки на Пикабу Игры Construct 3, Браузерные игры, Gamedev, Картинки, Игры, Альбом, Длиннопост

Частично раскомканная картинка.

Но потихоньку ковыряясь можно раскомкать все нужные меши и расставить их по местам.

Моя игра Скомканные картинки на Пикабу Игры Construct 3, Браузерные игры, Gamedev, Картинки, Игры, Альбом, Длиннопост

Почти готово

Ну, и потом нажимаем на картинку и она улетает в Альбом (или в корзину).

Моя игра Скомканные картинки на Пикабу Игры Construct 3, Браузерные игры, Gamedev, Картинки, Игры, Альбом, Длиннопост

Альбом с картинками

Картинки я старался выбирать приятные на вид и не сильно вызывающие.

Часть из них нагенерирована нейросетями, часть - фотографии и остальное - картины и картинки художников.

P.S. Любопытное наблюдение. Я пытался найти какую-то игру под смартфоны для себя, чтобы немного потыкаться вечерком под стакан ряженки с мёдом. Но пока так и не нашёл ничего, что бы зацепило и не отпускало.

Так и сижу на Пикабу :)

Думал может вот эта игра как раз станет такой, но пока нет. Будем искать.


P.P.S. Как обычно, Телеграм:
https://t.me/toyprogrammer

Показать полностью 7
10

Следующая моя игра на Пикабу Игры

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.

Знаю, что многим уже надоел своими играми, но вот следующая :)

Тапатан

https://games.pikabu.ru/game/tapatan

Следующая моя игра на Пикабу Игры Браузерные игры, Настольные игры, Construct 3, Крестики-нолики, Инди игра, Длиннопост

Игра Тапатан

По легенде, тапатан - старинная филиппинская игра.

По сути - крестики-нолики с продолжением. Я просто добавил к игре немного анимации и фэнтези.

Цель игры: выстроить 3 своих персонажей в одну линию раньше, чем это сделает противник.

Следующая моя игра на Пикабу Игры Браузерные игры, Настольные игры, Construct 3, Крестики-нолики, Инди игра, Длиннопост

Сначала игроки по очереди выставляют своих бойцов на поле, стараясь не допустить, чтобы противник первым расставил свои в линию.

После этого игроки могут двигать бойцов по дорожкам всё с той же целью - создать из них прямую линию.

Следующая моя игра на Пикабу Игры Браузерные игры, Настольные игры, Construct 3, Крестики-нолики, Инди игра, Длиннопост

Победа близка.


Победитель получает свою печеньку (наверное).

Также, в игре есть простенький мультиплеер для игры с другом.

Следующая моя игра на Пикабу Игры Браузерные игры, Настольные игры, Construct 3, Крестики-нолики, Инди игра, Длиннопост

Мультиплеер в игре.

Вот такая азиатско-тихоокеанская игрушка.

P.P.S. Как обычно, Телеграм:
https://t.me/toyprogrammer

Показать полностью 4
1

Ещё одна моя игра на Пикабу Игры - Защита АЭС

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.

На Пикабу.Игры одобрили ещё одну мою небольшую гиперказуальную игру:

Защита АЭС

https://games.pikabu.ru/game/zashchita-ayes

Игрушка простенькая, что называется, по мотивам.

Жанр - "защита башни", управление - одним пальцем.

Внизу экрана - атомная станция на 6 энергоблоков.

Сверху по ней летят ракеты с нехорошими намерениями.

Между ними - одинокая установка ПВО (предположительно Панцирь-С1).

Ещё одна моя игра на Пикабу Игры - Защита АЭС Gamedev, Браузерные игры, Ракета, АЭС, Инди игра, Длиннопост

Задача игрока - стрелять противоракетами по подлетающим ракетам. При этом нужно учитывать время подлёта.

Если часть ракет всё же прорвалась, добиваем их автоматическим пушками.

После каждой волны ракет становится больше, но между налётами блоки станции потихоньку чинятся.

Какого-то интересного развития в игре нет, просто ракет становится всё больше и уследить за всеми всё сложнее.

Ещё одна моя игра на Пикабу Игры - Защита АЭС Gamedev, Браузерные игры, Ракета, АЭС, Инди игра, Длиннопост

На этом пока всё.

Показать полностью 2
2

15. Разделение внутреннего и внешнего - Порядок в проекте Construct 3 - собственный взгляд

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.


В каждой игре есть внутренняя часть и есть внешняя.

Внутренняя - это обработка событий, работа с переменными, изменение массивов и т.д.

Внешняя - передвижение персонажей по экрану, нажатие кнопок, раскрывание окон и т.п.

Внутреннее и внешнее лучше разделять в тех случаях, когда требуется максимальное быстродействие игры.

Например, если есть игровое поле из квадратиков и нужно знать, в каком квадратике находится герой. И знать это нужно часто и быстро.

15. Разделение внутреннего и внешнего - Порядок в проекте Construct 3 - собственный взгляд Игры, Браузерные игры, Gamedev, Аркадные игры, Порядок, Инди игра, Lode runner, Construct 3

Обсчёт объектов на игровом экране.

Если по 60 раз в секунду опрашивать каждый квадратик на пересечение со спрайтом героя - это может затормозить игру.

А если герой скачет достаточно быстро - то игра может не успеть просчитать его столкновения и не учтёт какое-нибудь важное событие.

В таких случаях лучше перенести обработку событий во внутреннюю часть - завести массив, в котором будет отмечаться, где находится герой.

И соответственно - проверять уже не каждый квадратик поля а каждую ячейку массива на наличие в нём "символа" героя. Это будет значительно быстрее.

А игроку можно будет показывать уже только результат этой проверки.

Как говорится - разделяй и властвуй.


P.S. По поводу игры на скриншоте - она называется Running Eva. Это мой клон старенькой игры Lode runner, которая существовала ещё на компьютерах ZX Spectrum.

Хотя в целом игра работает и в ней даже есть несколько уровней, мне пока не удалось прописать в ней приличный ИИ для врагов. Они вроде бы бегают за героиней, но как-то кривовато. Может со временем допилю.

Поиграть можно здесь:
https://dharmagames.ru/games/arcade/runningeva/index.html


P.P.S. Как обычно, Телеграм:
https://t.me/toyprogrammer

Показать полностью 1
5

Следующая моя игра появились на Пикабу.Игры

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.

Вчера ещё 4 моих игры проскочили модерацию Пикабу.Игр. Расскажу о них в этом и следующих постах.

Все игры довольно старые и наивные. Но может кому-то зайдёт.

Первая игра:

Еваноид

Вариация классического арканоида с надуманным сюжетом.

https://games.pikabu.ru/game/evanoid

Следующая моя игра появились на Пикабу.Игры Браузерные игры, Gamedev, Проект, Инди игра, Construct 3, Arkanoid, Длиннопост

Обложка игры

Название намекает, что в этой игре снова главной героиней будет Ева - виртуальная девочка в виртуальном мире Интернета, где возможно всё.

Следующая моя игра появились на Пикабу.Игры Браузерные игры, Gamedev, Проект, Инди игра, Construct 3, Arkanoid, Длиннопост

Это Ева.

В этой игре Ева может стрелять плазменными шарами из пальцев (почему бы и нет?) и создавать энергетический щит, которым можно отбивать эти шары.

Следующая моя игра появились на Пикабу.Игры Браузерные игры, Gamedev, Проект, Инди игра, Construct 3, Arkanoid, Длиннопост

Ева стреляет.

Следующая моя игра появились на Пикабу.Игры Браузерные игры, Gamedev, Проект, Инди игра, Construct 3, Arkanoid, Длиннопост

Ева со щитом. Или на щите.

Цель игры

В каждом уровне нужно уничтожить все ящики в помещении или уничтожить генератор в противоположном конце комнаты, чтобы отключился лазер, мешающий пройти дальше.

Следующая моя игра появились на Пикабу.Игры Браузерные игры, Gamedev, Проект, Инди игра, Construct 3, Arkanoid, Длиннопост

Старт 6-го уровня.

Следующая моя игра появились на Пикабу.Игры Браузерные игры, Gamedev, Проект, Инди игра, Construct 3, Arkanoid, Длиннопост

Процесс игры на 8-м уровне.

Дизайн игры

Дизайн сделан в виде школьной тетрадки.

Когда мы были школьниками, то часто изображали игры в тетрадках. Компьютеров в домах тогда ещё не было. Разве что, по кабельным каналам иногда смотрели, как играют кабельщики :)

Не поленился даже поискать как выглядят американские тетрадки - для англоязычной версии :)

Следующая моя игра появились на Пикабу.Игры Браузерные игры, Gamedev, Проект, Инди игра, Construct 3, Arkanoid, Длиннопост

Английская обложка игры.

Играйте, пока играется :)

Как обычно, Телеграм:
https://t.me/toyprogrammer

Показать полностью 7
4

Как сделать свою игру-пятнашки с картинкой за 15 секунд

Добрый день!

Меня зовут Руслан.
С 2016 года делаю игры в редакторе Construct 3.

В этом посте покажу, как сделать простые пятнашки за 15 секунд, не умея ни программировать ни рисовать.

Для этого нам понадобится всего 2 ингредиента:

1. Ссылка на готовую игру.

Вот эта ссылка:

https://dharmagames.ru/games/15/pyatnyashki/game/index.html?

В конце стоит вопросительный знак - так и должно быть, это важно.

2. Ссылка на любую общедоступную картинку, например, с Яндекс-картинок или из альбома в ВК.

Возьмём к примеру нейтральную картинку с Джеки Чаном (что может быть нейтральнее этого парня? :)

https://avatars.mds.yandex.net/i?id=c1410dbbd07b4272709e8e3faa5edaec_l-5194348-images-thumbs&n=13

Как сделать свою игру-пятнашки с картинкой за 15 секунд Gamedev, Браузерные игры, Пятнашки, Инди игра, Construct 3, Длиннопост

Это Джеки и он рад вас видеть.

И теперь творим магию.

Просто добавляем вторую ссылку в конец первой (без пробелов) и запускаем результат в браузере:

https://dharmagames.ru/games/15/pyatnyashki/game/index.html?https://avatars.mds.yandex.net/i?id=c1410dbbd07b4272709e8e3faa5edaec_l-5194348-images-thumbs&n=13

На выходе получаем простенькие, но достаточно симпатичные пятнашки.

Как сделать свою игру-пятнашки с картинкой за 15 секунд Gamedev, Браузерные игры, Пятнашки, Инди игра, Construct 3, Длиннопост

Джеки в пятнашках.

Когда игрок соберёт пятнашки:

- картинка откроется полностью.
- появится короткий текст поздравления и
- начнёт проигрываться бесконечный салют на фоне картинки.

Особенности проекта:

1. Рекламы в игре не предусмотрено.

2. Картинка не сохраняется в игру. Каждый раз просто грузится по ссылке.

3. Можно менять фон с тёмного на светлый.

4. Ненавязчивая музыка от Кэвина МакЛауда.

5. Можно двигать по несколько плиток за раз.

6. Для нетерпеливых есть пасхалка - если нажать на номер версии в правом нижнем углу - картинка соберётся сама.

7. Игра больше заточена под смартфоны. Поэтому картинки предпочтительно вертикальные. Горизонтальные тоже будут работать, но на смартфоне их края уедут за экран. На компьютере будут видны.

8. Выбор содержимого картинки - на совести игрока. Автор не несёт никакой ответственности за выбранную игроком картинку.


В общем-то, это всё.

Если Вам давно хотелось кому-то отправить игру со своей картинкой, то сейчас есть такой шанс.

Как обычно, Телеграм:
https://t.me/toyprogrammer

Показать полностью 2
Отличная работа, все прочитано!