Приветствую вас, мои дорогие читатели! Очень давно не было новых постов. Возможно, кто-то подумал, что я всё… Но нет. Я вернулся, чтобы рассказать, куда пропадал.

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

Признаюсь: на неделю, если не на две, опускались руки. А почему — спросите вы? Я не учёл один момент: в реальной настольной игре мы можем часть карт держать в руке, часть расположить на столе — и всё зависит от размера стола. Именно так я и делал изначально. Однако столкнулся с неожиданной реальностью: реальный стол нельзя запихнуть в экран, тем более телефона. Поэтому и опускались руки. Даже думал, что проект всё — дошёл до неудачи.

💡 Переосмысление: другой угол Однако, полистав интернет, я наткнулся на интересную фразу:

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

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

🍰 Слоёный пирог и модальные окна В игре у нас есть несколько основных зон: -Рука с картами -Личная зона -Общая игровая зона И недостаточно просто уменьшать карты или менять размер описания эффектов. Поэтому мы подошли к фронту с мыслью о слоёном пироге и модальных окнах. Что сделали: Убрали описания эффектов из карт, переместив их в модальные окна. Оставили только смайлы и место для артов. Карты из личной зоны превратили в небольшие кругляшки бафов. Убрали всякие ненужные инфопанели. Определение суток День/Ночь из строки в инфопанели превратили в само поле: тёмное — Ночь, светлое — День. И самое главное: начали делать под самый маленький экран телефонов в альбомной ориентации. Если уместим туда — на ПК точно всё поместится. В итоге были моменты, где мы ломали одно, пока делали другое… Но мы справились и смогли.

📸 Скриншоты и планы Ниже вы можете посмотреть скриншоты с телефона, как это выглядит. Делал я их в режиме горячего стула — дабы проще и быстрее. Но отличие от онлайна: если ход соперника, он выделяется рамкой. В общем, смотрим, радуемся за меня! 😁 Прикреплю также несколько артов, созданных через ИИ Алиса. Думаю, в скором времени я заменю текущие смайлы на арты, чтобы игра обрела ещё более прекрасный вид. Также думаю, что в скором времени код будет полностью готов к размещению на GitHub — дабы желающие могли оценить структуру.

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

- Бывало у вас такое: делаешь проект, а потом понимаешь, что надо всё снести и начать заново? Как переживали? - Как вы адаптируете интерфейсы под мобильные? Может, есть свои фишки? - Стоит ли выкладывать код на GitHub, даже если проект ещё не завершён? Ваше мнение.

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

#ButcherInIT #Сезон2 #Frontend #МобильнаяАдаптация #GitHub #SpringBoot #Java #Создатель #Трансформация #Итоги