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

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

Сетке инвентаря нужна не панель, а квадрат, который стыкуется. Каждая ячейка здесь 56×56 с одинаковыми внешними границами — единственное исключение это двухклеточная ячейка для крупных предметов, 112×56, и она отдельный файл, а не растянутый квадрат, потому что растягивание ячейки без nine-slice искажает её углы. Расставьте их через 60 px, и границы прочитаются как единая сетка, а не как ряд отдельных коробок.

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

Запрещённая и запертая — намеренно разные спрайты. Запертую ячейку можно открыть позже; запрещённая отказывает предмету, который сейчас на курсоре. Рисовать их одинаково — это и есть способ, которым инвентарь учит игрока неверному правилу. Ячейки снаряжения по той же причине выходят из квадрата: гнездо аксессуара круглое, а гнездо самоцвета шестиугольное, так что форма говорит, что туда кладут, раньше любой подсказки.

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

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

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