Around: две недели искали, как показать пустоту на карте

Around – игра, в которой ты закрашиваешь территорию настоящего города собственными шагами: идёшь по улице – клетка под ногами становится цветом твоей команды. В прошлый раз я рассказывал, почему эти клетки в итоге стали шестиугольными. А в этот раз – отдельная история про то, что происходит с клетками, которые ещё никто не закрасил.

Без какого-то обозначения пустой клетки карта выглядела просто пусто. Смотришь на экран – рядом с твоей территорией голый кусок карты, и не возникает ощущения, что его можно взять. Просто пустота, а не цель.

Первая попытка – туман. Сделали паттерн, который накладывался на незакрашенные клетки. Проблема вылезла сразу: паттерн дёргался при каждом изменении масштаба – карта постоянно перестраивала рисунок, и это мешало смотреть на неё. Плюс сам по себе туман выглядел грязно. Мы долго крутили прозрачность и яркость – ни один вариант не спас.

Вторая попытка – вообще отказаться от паттерна и просто закрасить пустые клетки нейтральным серым (или любым другим сплошным цветом). Дёрганья пропали, но пропало и ощущение, что это территория, которую можно захватить. Выглядело так, будто у карты просто другая цветовая схема – не более.

Серый, зелёный, без фона

Тогда я вспомнил тетради в клетку, где вместо линий – точки по углам квадратов. Выглядит легко и аккуратно, но сетка всё равно читается. Сделали такой точечный паттерн на пустых клетках – сработало сразу.

Разные масштабы

А дальше решили, что раз точки маленькие, их можно превратить в скрытую деталь: заменили каждую точку на крошечный шестиугольник. Так и появился финальный паттерн.

Все обдумывания и тесты заняли около двух недель – на мелочь, на которую не обращаешь внимания, но которая всегда перед глазами.

А вы бы что выбрали – туман, сплошную заливку или точки? Или есть вариант, который мы не пробовали?

Ссылки: