Как я сделал на Flutter игру для разработчиков. Часть 2

В сфере искусственного интеллекта произошло заметное событие. submaps 21 минуту назад Как я сделал на Flutter игру для разработчиков. Часть 2 Простой 5 мин 1. 1K Блог компании AvitoTech Flutter * Разработка игр * Разработка мобильных приложений * Роадмэп Всем привет!

Меня зовут Амир Утеуов, я ML-инженер из Авито. В первой части статьи я поделился тем, что пришлось сделать и учесть для создания собственной игры для разработчиков — DevRush. Суть игры заключается в том, что нужно на время находить иконки языков программирования.

Технические детали

Я прошёл путь от создания геймплея и векторной анимации до сборки под Android и iOS. Главная неожиданность ждала в App Store — модераторы отклонили игру из-за иконки Android, посчитав это рекламой конкурента. Но по итогу Авито взял мою игру на стенд Code Fest 2025.

В этой части будет о том, как создавался редизайн и что нужно было доработать, чтобы игру можно было использовать на стенде Авито. В этой статье: Новый дизайнВайбкодингКонференция CodeFest 2025ВыводыБлагодарностиЧто ещё посмотреть по темеНовый дизайнТаков был мой новый флоу работы:Для того, чтобы игра стала еще лучше, коллега Вика Максимчук нашла дизайнеров из Авито, которые разработали новый красивый дизайн. Отдельное спасибо коллегам за помощь и поддержку!

Новый дизайн игрыВо Flutter у каждого компонента/виджета мы можем задавать параметры Style и создавать общую тему приложения Theme. В проекте у меня была общая тема приложения и кастомные классы для компонентов кнопки, input, ячейки для отображения лого и так далее. В приложении использовались стандартные Material3 компоненты.

Отраслевые последствия

Стили хранились в отдельном классе/файле с переменными, поэтому изменения кода были в основном там. Но, конечно, чем раньше вы будете иметь ваш финальный дизайн, тем меньше придется переделывать в дальнейшем. В процессе редизайна получилось легко перенести 90% изменений, но некоторые остались в to-do.

Тут еще больше контентаВайбкодингДля конференции был придуман такой вариант использования игры: участники подходят и регистрируются у ребят на стойке, получая уникальный ID. По этому ID они играют на планшете, с которого данные отправляются на Web-приложение, где хранятся все успешные попытки. Каждые 3 часа мы подводили итоги «раунда» и награждали лидера рейтинга.

Такая схема позволила не собирать и не хранить персональные данные участников в стороннем приложении, которое в теории можно взломать. Для разработки лидерборда я попробовал vibecoding: попросил LLM написать backend с тремя ручками (ручка — это endpoint, по которому выполняется определенная бизнес-логика). Далее я отправил скрины приложения и попросил написать frontend в том же стиле.

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