Basalt Ячейки инвентаря — сетка 80px

Ячейки инвентаря 80px, рассчитанные под игру о выживании, где предмет это стопка ресурса и количество важно не меньше иконки. Заблокированное состояние это штриховка, а не приглушённая заливка, чтобы оставаться читаемым, когда внутри яркая иконка руды.

Сетке инвентаря не нужна панель, ей нужен квадрат, который повторяется: 7 файлов по 80×80, все с одинаковыми внешними границами, чтобы их ряд выстраивался без арифметики зазоров. Разнесите их на 84 px, и границы прочитаются как единая сетка, а не как ряд отдельных коробок.

Состояния нарисованы как структура, а не как цвет. Выбранная ячейка получает метки по углам, заблокированная — диагональную штриховку, ячейка под курсором поднимает границу на ступень. Это намеренно: экран инвентаря — самая шумная поверхность в большинстве игр, он лежит под графикой предметов всех оттенков сразу, и состояние, которое сводится к цвету границы, становится невидимым, как только в ячейке оказывается красный меч.

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

Всё включено как редактируемый SVG и как плоский прозрачный PNG в 1x, 2x и 4x. Внутренности ячеек прозрачны, поэтому сквозь них видно то, что вы рендерите за сеткой, а не запечённый цвет фона.

Creative Commons «С указанием авторства» 4.0 — Бесплатно для коммерческого использования. Указание авторства обязательно. Полные условия · Что это значит на практике