AndreyHoden

Всем привет. Был в небольшом незапланированном отпуске — работать над проектом не мог. Но теперь продолжаем.

Начну с концепции. В целом атмосфера игры у меня начинает вырисовываться. Да, пока картинка светлая и красочная, в стиле студии Ghibli, однако сюжет предполагает её постепенное изменение в сторону более загадочного и атмосферного сеттинга. Это не хоррор, но загадка и саспенс будут присутствовать. За референс атмосферы я взял Twin Peaks. Что-то такое, ну вы понимаете.

Название города, где находится реальный санаторий, я, конечно же, поменял. Но кто знает — тот знает. Картинку с Двугорском я создал в качестве концепта и пока не знаю, где она будет использована: либо на главной заставке, либо в открывающем интро. Но это в будущем. А пока о насущном.

Альбом

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

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

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

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

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

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

Я сделал их в виде фотографий с текстом.

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

Итоговый ролик по механике:

Всем добра. Спасибо за просмотр.

Первое, с чего я начал, — визуализация автомата в библиотеке.

Затем я сделал основной экран. Да, он не полностью подходил, центральный экран пришлось раздвигать, но это была не самая большая проблема.

Окно игры было квадратным…

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

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

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

Ну и итоговый результат.

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

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

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

Мой выбор после изучения истории пал на «ПЕРЕХВАТЧИК».

Такой вполне мог бы стоять где-нибудь заброшенным в библиотеке. Я даже придумал сайд-квест: герой попадает в местный музей, выполняет задание библиотекаря, за что та даёт ему банку с 15-копеечными монетами. После этого автомат можно запустить и играть. Но сначала нам нужно саму игру сделать.

«Перехватчик» — это сайд-скроллер, где вы управляете самолётиком, взрываете вражеские истребители и набираете очки. Стоимость одной игры — 15 копеек, за которые можно летать определённое время.

Мой план был таким:

1. Сделать рамку автомата (arcade_frame.png)

2. Сделать экран монитора (arcade_screen.png)

3. Сделать временную кнопку закрытия (или просто клик по экрану)

4. Написать простой цикл игры: игрок (белый квадрат), враги (летят сверху)

5. Добавить стрельбу по пробелу

6. Добавить столкновения (игрок — враг)

7. Добавить счёт

Чтобы ничего не напутать, я создал новый проект в Ren'Py и отдельный файл в Visual Studio, где прописал первую заглушку игры. Файл поместил в папку game нового проекта.

# ЗАГЛУШКА: экран (чёрный прямоугольник)

add Solid("#000000") xysize (1024, 768) xalign 0.5 yalign 0.5 yoffset -20

# Игровая область (пока текст)

frame:

background None

xalign 0.5

yalign 0.5

yoffset -20

xsize 1024

ysize 768

vbox:

xalign 0.5

yalign 0.5

spacing 30

text "ПЕРЕХВАТЧИК" size 60 color "#ffffff" outlines [(2, "#333", 0, 0)]

text "Тестовый экран" size 40 color "#88ff88"

text "Кликните мышкой, чтобы выйти" size 24 color "#ffffff"

# Кнопка выхода (просто текст)

textbutton "X" action Return() xalign 0.95 yalign 0.05

label test_interceptor:

scene black

"Подходите к старому игровому автомату..."

call screen interceptor_game

"Вы отошли от автомата."

return

Файл script.rpy в новом проекте я полностью почистил, оставив только две строчки.

label start:

jump test_interceptor

При запуске появился экран.

При нажатии кнопки «Начать» запустился экран игры. Пока всё работает.

Отлично! Экран появился — это прогресс. Кнопка «X» работает как выход. Но это пока лишь заглушка. Самой игры ещё нет.

Продолжаем и теперь пишем код для самолётика.

Это база. Дальше нужно добавить:

• Движение врагов

• Пули

• Проверку столкновений

• Увеличение счёта

• Game Over

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

1. Движение игрока (влево-вправо)

if ev.type == pygame.KEYDOWN:

if ev.key == pygame.K_LEFT:

self.player_x -= 30

if self.player_x < 0:

self.player_x = 0

elif ev.key == pygame.K_RIGHT:

self.player_x += 30

if self.player_x > self.game_width - self.player_width:

self.player_x = self.game_width - self.player_width

2. Стрельба по пробелу

elif ev.key == pygame.K_SPACE:

self.shoot()

3. Появление врагов сверху

self.spawn_timer += 1

if self.spawn_timer > 30:

self.spawn_timer = 0

enemy_x = random.randint(0, self.game_width - self.enemy_width)

self.enemies.append([enemy_x, -self.enemy_height])

4. Проверка столкновений (пуля → враг)

if (bullet[0] < enemy[0] + self.enemy_width and

bullet[0] + self.bullet_width > enemy[0] and

bullet[1] < enemy[1] + self.enemy_height and

bullet[1] + self.bullet_height > enemy[1]):

self.bullets.remove(bullet)

self.enemies.remove(enemy)

self.score += 10

5. Game Over при столкновении игрока с врагом

if (enemy[0] < self.player_x + self.player_width and

enemy[0] + self.enemy_width > self.player_x and

enemy[1] < self.player_y + self.player_height and

enemy[1] + self.enemy_height > self.player_y):

self.playing = False

Вышло достаточно залипательно, но пока не работал счётчик очков.

Как выяснилось, счётчик не обновлялся, потому что Ren'Py не перерисовывал экран при изменении переменной score в классе. Нужно было явно вызывать renpy.redraw() и передавать актуальное значение счётчика в экран.

Дальше пошли мучительные исправления. Что бы я ни делал — счётчик не работал. Но когда я добавил картинки, всё каким-то чудесным образом само починилось.

Графику я начал с самолётика.

Вырезал из оригинальной игры самолётик. Правда, там он вытянутый, а у меня квадратный.

Обвёл его примерно по контуру.

И отразил.

Ну и доработал немного свой шедевр, вырезав кабину для пилота. Размер — 48×48 px.

Вражеский самолётик я перевернул и покрасил в красный. Он уже 40×40 px.

Экран автомата я пока просто сделал рандомной картинкой из интернета — проверить, работает или нет.

Ну и кнопочка выхода. Два варианта обычная и при наведении.

А вот и результат сегодняшнего дня.

Выглядит странно, но я доволен, потому что всё работает!

Спасибо за внимание. Всё, сил нет, пошёл отсыпаться 😴

Жду комментариев какой я рукожоп)

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

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

С крыши видна парковка. Но последний кадр не загрузился. На нем герой находит ещё одну фигурку животного. Этим займусь завтра.

Вот такая небольшая работа. Приятного просмотра.

Челлендж сбор фигурок: двенадцать фигурок спрятаны по территории. Найдёте их все — откроете секретную концовку.

Создал иконки в стиле какой-нибудь NiNo Kuni.

Сделал медсестру Нину.

Добавил новую локацию. Домик с водными процедурами.

Сделал интерьер домика с водными процедурами

И саму процедуру

Немного покодил. В частности, прописал вход в домик с водными процедурами и общение с медсестрой.

Пример кода:

Затем начал, как я думал, с простого, но провозился достаточно долго. Сначала подготовил иконку инвентаря, но она в размере 64×64 была слишком мелкой. Пришлось увеличить до 128×128. Так же понадобилась иконка при наведении. Вроде где-то читал, что можно это проделывать и через одну иконку (кодом), но пока не разбирался и сделал по старинке, как умел.

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

По коду никаких нововведений не было. Обычное добавление новой локации, разговор с Ниной (новым персонажем) и статичная картинка с процедурами.

Короткий ролик с новым контентом выкладываю по традиции.