Анатолий
Деев
Модульная pixel-art карта к чемпионату мира 2026
Задача от беттинговой компании: подготовить веб-проект к чемпионату мира 2026 года. В основе проекта должна была быть карта в стиле pixel art, объединяющая США, Канаду и Мексику, с размещёнными на ней футбольными стадионами и дополнительными региональными элементами — городскими и культурными отсылками, связанными с конкретными локациями.
Проект нужно было реализовать в сжатые сроки. При этом уже на старте было понятно, что карта должна не только выглядеть цельно как иллюстрация, но и работать как интерактивная система: у стадионов планировались разные состояния, включая активное и неактивное, а сам проект должен был пройти несколько этапов согласования со стороны ЛПР и арт-директора.
Работа с поверхностью и общей сценой
Чтобы карта не выглядела как набор отдельных ячеек, я дополнительно проработал общий слой поверхности под ними: песчаные зоны, травяные участки и более холодные заснеженные области для Канады.
Поверх был добавлен отдельный декоративный слой, который не участвовал в интерактивности, но визуально объединял композицию и делал сцену более живой.
Работа с ассетами и освещением
Подготовил большое количество отдельных ассетов для карты так, чтобы их можно было свободно перемещать по сцене без потери единого тона, освещения и глубины.
Особое внимание уделялось ночной атмосфере: ассеты создавались с учётом общей цветовой температуры, отдельно прорабатывались тени и световые эффекты у объектов, которые должны были светиться ночью.
Результат
В результате была создана не просто pixel-art иллюстрация, а модульная система для интерактивной веб-карты.
Решение упростило согласование, сделало структуру понятной для разработки и позволило гибко управлять состояниями стадионов и элементов окружения, сохраняя визуальную цельность всей сцены.
Made on
Tilda