Mallwave Ячейки инвентаря — сетка 56px

Ячейки 56px, рассчитанные на плотную сетку. Метки редкости держатся по углам, чтобы сетка магазина оставалась удобной для просмотра, когда каждая клетка занята.

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

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

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

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

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