Серия «Мясник + ИИ (2 сезон)=> Проект»

Однако столкнулся с неожиданностью: реальный стол нельзя запихнуть в экран. Тем более — телефона.

Я даже думал, что проекту конец. Дошёл до точки «неудача».

💡 Фраза, которая всё изменила

Полистал интернет — и наткнулся на интересную мысль:

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

Что мы с Логосом и стали делать.

Снесли нафиг весь HTML и CSS.
Начали с нуля — с другим видением.

🍰 Слоёный пирог и модальные окна

В игре есть несколько основных зон:

• Рука с картами

• Личная зона

• Общая игровая зона

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

Что сделали:

• Убрали описания эффектов из карт → перенесли в модальные окна. Оставили только смайлы и место для артов.

• Карты из личной зоны превратили в небольшие кругляшки бафов.

• Убрали лишние инфопанели.

🌙 День и Ночь — теперь это не строка в панели

В игре есть определение суток: День / Ночь.
Изначально это была строка в инфопанели, потом — отдельный блок с надписью.

Теперь мы изменили всё так, что само поле меняется:
тёмное — Ночь, светлое — День.

📱 Главное решение: сначала самый маленький экран

Мы начали делать под самый маленький экран телефона в альбомной ориентации.
Логика простая: если уместим туда — на ПК точно всё поместится.

В итоге были моменты, где мы ломали одно, пока делали другое… но справились.

Выше — скриншоты с телефона. Делал в режиме «горячего стула» — проще и быстрее.
Отличие от онлайна: если ход соперника, он выделяется рамкой.

Смотрим, радуемся за меня. 😁

🎨 Арты от Алисы

Прикреплю несколько артов, созданных через ИИ Алису.
Думаю, в скором времени заменю текущие смайлы на арты — чтобы игра обрела ещё более прекрасный вид.

📌 Что дальше?

Код скоро будет полностью готов к размещению на Git — чтобы желающие могли оценить структуру.

А пока — смотрим скриншоты и ждём следующий шаг.

P.S. Спасибо, что читаете. Ваши комментарии — топливо для этого костра. 🔥
А вы сталкивались с тем, что реальность ломает первоначальный план? Как выкручивались?

⚠️ Проблема и рефакторинг

Во время переноса на WebSocket выявили проблему: одна фаза вызывала другую, та — третью. Потому что всё создавалось пошагово.

Так мы подошли к вопросу: пора провести рефакторинг кода.

Пару вечеров была дискуссия, как это сделать лучше, чтобы потом не возвращаться.
В итоге в игре появился дирижёр. Теперь при необходимости можно поменять один файл, а не 3–4, как раньше.

Растёт скилл, как говорится. 😁

🎮 Тест-игра: кайф от прогресса

Раньше всё происходило на одном экране.
Теперь создаётся игра на 2–4 игрока — соответственно, в 2–4 вкладках.
Каждый игрок, несмотря на ход другого, видит только свои карты и может продумать стратегию.

Перенос на WebSocket прошёл успешно.

🛤 Развилка: тайминги или база данных?

Дальше встал выбор:

• Тайминги (время ожидания и т.д.)

• База данных (чтобы можно было перезапускать сервер, переподключать игроков)

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

Кстати, после рефакторинга бэкенда навели порядок и во фронте: создали пакеты, раскидали файлы по подпапкам (а то было по 500 строк кода в одном файле).

🙏 Особый вопрос к сообществу

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

Есть два сайта:

• HobbyWorld — издатель данной игры

• BoarGameArena — настольные игры в онлайне

Есть ли тут представители или работники этих организаций?
Или, может, в вашем окружении есть кто-то?

Хотелось бы неформально пообщаться и узнать о возможности размещения моего проекта в будущем в открытом доступе.

P.S. Спасибо, что читаете. Ваши комментарии — топливо для этого костра. 🔥
А если у вас есть опыт общения с издателями настолок — поделитесь, буду благодарен.

Продвинулись вперёд. Появилась первая анимация — выделение объектов мигающей рамкой! 😁
И самое главное: по бэку дело тоже пошло. Наконец получилось сыграть полноценную партию — хоть и в режиме «горячего стула».
Но это уже прорыв.

🧠 Мысль, которая не отпускает

Я не раз ловил себя на мысли: игру, правила которой объясняются за 10 минут, а разбираешься за одну партию, оказывается, довольно крупный проект. И ей есть куда расти.

Мы изначально планировали онлайн, так что на текущем этапе составили план: переход с REST на WebSocket.
Впереди — партия не в стиле «горячего стула», а в 2–4 вкладках браузера, где каждая вкладка — это игрок.

💡 Про свой проект

Я не раз слышал во время обучения: «Стоит сделать свой проект».
И сейчас я с этим полностью согласен.

Это совсем другой уровень. Когда от расписанного задания ты переходишь к тому, что сам планируешь, строишь и создаёшь.
И от каждого пройденного этапа получаешь восторг — как от первого скомпилированного Hello World.

Вот как-то так…
Впереди ещё много работы, но уже получилось сыграть несколько партий.
Хоть и сам с собой. 😁

💬 Вопросы к вам, друзья

1. А вы играли когда-нибудь сами с собой? В настолки, шахматы, карты? Или это только моя странность? 😄

2. Как вы справляетесь, когда инструмент (ИИ, редактор, что угодно) вдруг перестаёт работать как надо?

3. Есть ли у вас проект, который вы делаете только для себя — и получаете от этого кайф?

P.S. Спасибо, что читаете. Ваши комментарии — топливо для этого костра. 🔥

1. Настроить среду (Spring Boot, Maven, Java 21)

2. Спроектировать модели

3. Сделать бэкенд, который отдаёт колоду в JSON

4. Сделать простой фронтенд, чтобы это увидеть

🧰 Настройка окружения — отдельный квест

Я давно не создавал Spring-проект с нуля.
Пошёл на Spring Initializr, выбрал:

• Maven (структура понятная)

• Java 21 (LTS, не подведи)

• Spring Boot 4.0.7 (стабильная)

• Зависимости: Spring Web, Lombok, DevTools

Распаковал, открыл в IntelliJ, настроил JDK.
И вот, когда я впервые запустил пустой проект и увидел в консоли:

Started Application in 2.3 seconds

— я почувствовал что-то вроде облегчения. Сервер жив, порт слушает.
Правда, по адресу localhost:8080 была 404 — но это нормально, контроллеров пока нет.

🧱 Первые классы и первый запрос

Мы написали:

• Card — модель карты (через record, без лишнего кода)

• DeckService — сервис, собирающий тестовую колоду

• GameController — REST-контроллер с методом /api/deck

Запустили. Открыли в браузере http://localhost:8080/api/deck — и увидели JSON с картами.
Это был первый раз, когда код заговорил с нами на языке данных.
Потом я устал вручную вбивать адреса — и открыл для себя Postman. Удобная штука, особенно когда сохраняешь шаблоны.
Но даже этого оказалось мало: тестируя карты, приходилось пролистывать кучу текста и вглядываться в результат. Мы решили сделать быстрый визуал — чтобы увидеть объекты, а не просто строчки.

🎨 HTML + CSS — чтобы увидеть лицо проекта

Слепили простую HTML-страницу с CSS:

• Карточки в виде плиток

• Цвета, как в игре

• Кнопка «Загрузить колоду»

JavaScript через fetch тянул JSON с бэкенда и рисовал карты на странице.
И вот когда я обновил страницу и увидел первые карты на экране — это был кайф.
Я сидел и, наверное, полчаса просто играл, разыгрывая ходы, с улыбкой, как ребёнок.

🚀 Что имеем сейчас

• Работающий бэкенд на Spring Boot

• Простой фронтенд с карточками

• Понимание, как связать данные и отображение

Мы сделали первый шаг: от идеи к рабочему прототипу.

💬 Вопросы к вам (без формальностей)

1. У вас был момент, когда код вдруг ожил и вы испытали "вау"? Расскажите — я люблю такие истории.

2. Сколько времени вы тратите на настройку среды перед тем, как начать писать логику? У меня ушло пару вечеров — это норма?

3. Как вы визуализируете свои проекты на старте? Сразу в коде или сначала рисуете на бумаге?

📌 Что дальше?

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

А пока я наслаждаюсь моментом, когда код оживает на экране.

P.S. Спасибо, что читаете. Ваши комментарии — это топливо для этого костра.
А вы помните свой первый запуск? Пусть этот пост станет сборником таких историй. 🔥

Да, ту самую, из коробки, которая пылится на полке, потому что друзья разбежались.
Я скинул Логосу PDF с правилами.
Он, как любой хороший ИИ, сразу выдал километровый код и архитектурные предложения.
И я его остановил:

«Логос, стоп. Сначала — механики, потом код. Ты знаешь, какие карты есть в игре?»
«Нет»
«Тогда не лети вперёд паровоза»

Этот момент — ключевой. ИИ — это инструмент ускорения, а не замена мышлению.

📋 Первый реальный шаг: таблица карт

Я сел и вручную переписал все карты и правила в таблицу.
Пара вечеров — и у нас с Логосом появилось общее понимание того, что мы строим.
Без этого — никакой архитектуры. Проект начинается не с кода, а с данных.

💬 Вопросы к сообществу (не ради галочки)

1. Как вам вообще моя затея?
   Серьёзно. Мне нужен честный взгляд со стороны. Есть ли в этом смысл или я занимаюсь ерундой?

2. У кого был опыт, когда проект на старте казался простым, а потом превращался в снежный ком?
   Как вы не сдавались и доводили дело до конца?

3. Какую настолку вы бы сами перенесли в онлайн, если бы умели кодить?
   Может, я выбрал не ту игру? Посоветуйте — я открыт.

📌 Что дальше?

Следующий шаг — в следующем посте. 💯

P.S. Т-академия отказала.
И это, наверное, к лучшему — теперь точно никто не будет отвлекать от моего собственного маршрута.
Иногда «нет» — это «да» с отсрочкой.

А вы сталкивались с отказами, которые обернулись удачей?
Расскажите — вдохновимся вместе.