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

2

Игра Делим пиццу на Пикабу Играх

Добрый день!

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

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

Делим пиццу

https://games.pikabu.ru/game/delim-pitstsu

Игра Делим пиццу на Пикабу Играх Gamedev, Браузерные игры, Инди игра, Математика, Дроби, Пицца, Пикабу Игры, Длиннопост

Краткая инструкция к игре

Здесь мы решили использовать механику Тиндера и прочих Одноклассников со смахиванием карточек.

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

Соответствует - смахиваем вправо, не соответствует - влево.

Игра Делим пиццу на Пикабу Играх Gamedev, Браузерные игры, Инди игра, Математика, Дроби, Пицца, Пикабу Игры, Длиннопост

Вроде верно.

Игра разбита на несколько серий, от простого к сложному.

В сложных сериях уже приходится складывать и вычитать дроби в уме.

Игра Делим пиццу на Пикабу Играх Gamedev, Браузерные игры, Инди игра, Математика, Дроби, Пицца, Пикабу Игры, Длиннопост

Тут посложнее.

В каждой серии от 5 до 7 дробей.

За правильные ответы получаем очки и потом меряемся ими в лидерборде (он доступен через кнопку Меню слева-сверху).

За опознанную неправильную дробь получаем 1 очко, за опознанную правильную - 3 очка.

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

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

Математическая игра Делитель на Пикабу Игры

Добрый день!

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

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

Начну с обучающей игры.

Делитель

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

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

Математическая игра Делитель на Пикабу Игры Gamedev, Браузерные игры, Занимательная математика, Инди игра, Пикабу Игры, Деление, Математика, Длиннопост

Игра Делитель.

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

Сюжет

На орбите Земли скопился космический мусор (многоугольники с числами вверху экрана), на борьбу с которым был запущен орбитальный рельсотрон (внизу экрана).

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

Соответственно, если число на космическом мусоре делится на число на заряде - мусор распадается на более мелкие фрагменты или аннигилирует, если числа совпадают.

Как играть

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

Затем прицеливаемся и отпускаем - заряд летит в заданном направлении.

Враги

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

Математическая игра Делитель на Пикабу Игры Gamedev, Браузерные игры, Занимательная математика, Инди игра, Пикабу Игры, Деление, Математика, Длиннопост

Враг мой.

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

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

Выводы

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

Да и людям постарше не помешает освежить в памяти основные признаки делимости.

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

Игра Школа Монстров против Сиреноголового

Добрый день!

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

Иии.... ещё одна наша игра попала на Пикабу Игры.

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

Но вернёмся к нашим монстрам.

Школа Монстров против Сиреноголового

https://games.pikabu.ru/game/shkola-monstrov-protiv-sirenogo...

Игра Школа Монстров против Сиреноголового Gamedev, Браузерные игры, Школа монстров, Сиреноголовый, Платформер, Пазл, Инди игра, Длиннопост

Первый уровень Школы Монстров

Преамбула

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

То есть, можно просто взять майнкрафтовскую тему, сделать по ней игру в 2D и в неё будут вполне себе играть и смотреть рекламу (не так часто, как нам хотелось бы, но всё же).

Как раз такой заказ мне однажды поступил - сделать на свой вкус что-нибудь про нубиков.

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

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

Культурно перефразируя известную поговорку разработчиков "Тяп-ляп и в продакшн" :)

Сюжет

На школу монстров напал ещё более страшный огромный монстр - Сиреноголовый.

Игра Школа Монстров против Сиреноголового Gamedev, Браузерные игры, Школа монстров, Сиреноголовый, Платформер, Пазл, Инди игра, Длиннопост

Сиреноголовый.

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

Цель игры

В игре всего 5 простых уровней с простыми, но отличающимися механиками.

Игра Школа Монстров против Сиреноголового Gamedev, Браузерные игры, Школа монстров, Сиреноголовый, Платформер, Пазл, Инди игра, Длиннопост

На 1-м и 4-м уровнях персонажи по очереди пробегают полосу препятствий стараясь не попасть в руки Сиреноголового.

2-й уровень - пазл на тему "собери РПГ-7 на скорость" в трясущемся автобусе.

Игра Школа Монстров против Сиреноголового Gamedev, Браузерные игры, Школа монстров, Сиреноголовый, Платформер, Пазл, Инди игра, Длиннопост

Пазл Собери РПГ-7

3-й уровень - вовремя стреляй из РПГ, чтобы отбиться от атак и в конце застрелить Сиреноголового. Если не отбился вовремя и ученика схватили, за РПГ берётся следующий ученик.

Игра Школа Монстров против Сиреноголового Gamedev, Браузерные игры, Школа монстров, Сиреноголовый, Платформер, Пазл, Инди игра, Длиннопост

5-й уровень - пазл "Восстанови разрушенную школу".

Просто перетаскиваем фрагменты стен и окон на их законные места.

Никакой прохождение игры нет. Но тем и славны школьники, что для них игра - это уже награда :)

Вот такие бывают игры. Ужасные в исполнении, но по-своему затягивающие :)

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

Обучающая игра Делитель на Пикабу Игры

Добрый день!

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

Знаю, что не соскучились, но на Пикабу появилась ещё одна наша полезная игра.

Делитель

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

Обучающая игра Делитель на Пикабу Игры Gamedev, Браузерные игры, Рельсотрон, Занимательная математика, Деление, Инди игра, Космический мусор, Длиннопост

Игра Делитель

Здесь как обычно у нас - всё простенько и без вкуса, поскольку дизайнера нанимать было не на что. Рисуем сами, на коленке или тырим по интернетам всё что не приколочено авторскими правами.

Цель игры

Основная цель игры - натренировать навык деления в уме.

Ну и попутно пострелять из орбитального рельсотрона. Красненькая карякулька снизу - это он.

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

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

Направляем и отпускаем - заряд летит в сторону мусора.

Если число на мусоре делится на число заряда - мусор будет поделен на более мелкие части или аннигилируется.

Препятствия

С виду всё просто, но расслабляться не стоит. Если число мусора не делится на заряд - последний полетит обратно и может нанести урон самому рельсотрону.

Также на разных уровнях начинают появляться "враги", пытающиеся уничтожить рельсотрон,

Обучающая игра Делитель на Пикабу Игры Gamedev, Браузерные игры, Рельсотрон, Занимательная математика, Деление, Инди игра, Космический мусор, Длиннопост

Враг мой

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

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

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

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

Игра Ева против Хаги Ваги на Пикабу Играх

Добрый день!

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

На Пикабу Играх наша очередная, не первой свежести, "хоррор" игра.

Ева против Хаги Ваги

https://games.pikabu.ru/game/eva-protiv-khagi-vagi

Игра Ева против Хаги Ваги на Пикабу Играх Gamedev, Браузерные игры, Проект, Construct 3, Платформер, Хоррор игра, Инди-хоррор, Хагги Вагги, Длиннопост

Уровень 9

Это простенький платформер, переделанный из другого простенького платформера, который в свою очередь переделан из чуть более сложного платформера.

Последний, наверное, тоже со временем появится на Пикабу Играх.

Цели игры

Цель - стандартная: прыгаем по платформам и головам противников.

Игра Ева против Хаги Ваги на Пикабу Играх Gamedev, Браузерные игры, Проект, Construct 3, Платформер, Хоррор игра, Инди-хоррор, Хагги Вагги, Длиннопост

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

Попутно коллекционируем мрачных пупсов и видеокассеты с уликами. Не спрашивайте, что за пупсы и улики, это просто переделанные монеты и кристаллы из исходного шаблона. Они ни на что не влияют кроме ЧСВ.

Кассеты как правило есть на каждом уровне в труднодоступных или скрытых местах. Что-то типа пасхалок.

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

Биомы

Биомы тоже стандартные:

- трава (легко бегать и прыгать),

Игра Ева против Хаги Ваги на Пикабу Играх Gamedev, Браузерные игры, Проект, Construct 3, Платформер, Хоррор игра, Инди-хоррор, Хагги Вагги, Длиннопост

Травяной биом.

- песок (замедляет движение),

Игра Ева против Хаги Ваги на Пикабу Играх Gamedev, Браузерные игры, Проект, Construct 3, Платформер, Хоррор игра, Инди-хоррор, Хагги Вагги, Длиннопост

Песочный биом.

- лёд - скользкий, можно разогнаться или соскользнуть в лаву (не ищите тут логику).

Игра Ева против Хаги Ваги на Пикабу Играх Gamedev, Браузерные игры, Проект, Construct 3, Платформер, Хоррор игра, Инди-хоррор, Хагги Вагги, Длиннопост

Ледяной биом.

Выводы

Данный платформер звёзд с неба не хватает, но играется достаточно легко.

Уровни исходного шаблона создавались под платформер-спидран, поэтому большинство уровней можно пройти не отпуская кнопка "вправо" и просто вовремя нажимая "прыжок".

Такой вот незатейливый проект.

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

Кошароматика - Наша новая-старая игра на Пикабу Играх

Добрый день!

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

Сегодня на Пикабу Игры взяли ещё одну нашу старую обучающую игру:

Кошароматика

Это немного доработанная идея "три в ряд".

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

Кошароматика - Наша новая-старая игра на Пикабу Играх Gamedev, Браузерные игры, Математика, Арифметика, Три в ряд, Кот, Платон, Длиннопост

Кошароматика

Цель игры

В этой игре шарики нужно собирать согласно арифметическим операциям сложения и умножения.

То есть, выделяем к примеру шары с числами 1, 1, 2 (1 + 1 = 2).

Кошароматика - Наша новая-старая игра на Пикабу Играх Gamedev, Браузерные игры, Математика, Арифметика, Три в ряд, Кот, Платон, Длиннопост

1+1=2

Или 2, 3, 6 (2 * 3 = 6).

Кошароматика - Наша новая-старая игра на Пикабу Играх Gamedev, Браузерные игры, Математика, Арифметика, Три в ряд, Кот, Платон, Длиннопост

Инструкция к игре.

Тогда шары исчезают и игроку начисляются очки.

Если рядом нет нужного шара - можно поменять местами любую пару шаров. Но при этом сверху упадёт ещё один шар.

Фичи

В качестве классических фичей мы добавили:

  1. Бомбы - уничтожают шары квадратом 3 на 3 клетки. Появляются если собрать в квадрат 4 шара с одинаковыми числами.

  2. Ракеты - уничтожают вертикальную или горизонтальную линию из шаров.

  3. Постепенное "протухание шаров" - они со временем теряют цвет.

Из самодеятельности у нас есть разная мелкая скотина:

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

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

  3. Кот Платон - гоняет мышей и крыс и иногда даже ловит их (если повезёт). У кота есть своя картонная "комната", доступная через меню. Там можно поднять ему настроение разными способами. Если этого долго не делать периодически, он куксится и перестаёт гонять мышей и крыс.

Кошароматика - Наша новая-старая игра на Пикабу Играх Gamedev, Браузерные игры, Математика, Арифметика, Три в ряд, Кот, Платон, Длиннопост

Комната кота.

Кошароматика - Наша новая-старая игра на Пикабу Играх Gamedev, Браузерные игры, Математика, Арифметика, Три в ряд, Кот, Платон, Длиннопост

Магазин

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

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

Как вставить иконку прямо в текст в Construct 3


Добрый день!

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

1. На днях мне стрельнуло посмотреть, как устроена механика Визуальной новеллы в Браузере примеров в Construct 3.

И можно ли сделать такую новеллу в бесплатной версии редактора.

На тот момент там было всего 2 примера.

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

Шаблоны визуальных новелл.

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

Возможно когда-нибудь попробую провести такой эксперимент.

2. В первой новелле мне попалась интересная фича — вставка иконки прямо в текст.

Начал ковырять, как это сделано, но сначала ничего не понял.

Вот этот кадр из проекта игры. В меню активный пункт выделен иконкой «палец»:

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

Иконка в тексте.

Сначала подумал, что это просто отдельная иконка, но нет. Она не выделяется отдельно.

Исходник этой иконки лежит в макете с ассетами игры.

3. Если заглянуть внутрь иконки, то увидим, что у неё есть 2 кадра одинакового размера:

1) Кадр с «пальцем».

2) Пустой кадр.

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

Кадр с пальцем.

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

Пустой кадр.

Здесь нужно сразу обратить внимание на параметр Tag у каждого кадра (в панельке справа).

У стрелки это Arrow а у пустого кадра Empty.

Именно по этим тегам определяется, какой кадр иконки будет вставлен в строку.

4. Далее, нужно прицепить эту иконку к нужной текстовой строке. Это делается в настройках строки (в левой колонке).

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

Прицепление иконки.

Здесь в нижней части панельки есть параметр Icon set. Там и выбирается, какая иконка будет прицеплена.

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

Прицепленная иконка.

5. И остаётся последнее — с помощью Тега указать в тексте строки, что за иконку мы хотим туда вставить.

По умолчанию для первого пункта у нас задана стрелка.

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

Вставка иконки в текст.

А для второго — пустая иконка того же размера (чтобы текст не съехал влево).

Вот такая загогулина.

Показать полностью 6
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
Отличная работа, все прочитано!