Reliquary Células de inventário — grade de 60px

Células de inventário de 60px. Uma tela de relíquias mostra poucos itens e dá a cada um uma moldura, então a célula é pequena e quem faz o trabalho é o tratamento de raridade — cada nível acrescenta uma marca de canto contável em vez de mudar a cor da borda.

Uma grade de inventário não precisa de um painel, precisa de um quadrado que ladrilhe. Cada espaço aqui é 60×60 com os mesmos limites externos — a única exceção é o espaço de duas células para itens grandes, de 120×60, que é um arquivo separado e não um quadrado esticado, porque esticar um espaço que não é nine-slice deforma seus cantos. Separe-os por 64 px e as bordas se leem como uma grade única em vez de uma fileira de caixas soltas.

Os estados são desenhados como estrutura, não como cor. O espaço selecionado ganha marcas de canto, o travado um hachurado diagonal, o de hover eleva a borda um degrau, o negado carrega uma cruz e o destino de soltar uma moldura de acento tracejada. Isso é proposital: a tela de inventário é a superfície mais ruidosa da maioria dos jogos, fica sob arte de itens em todos os tons ao mesmo tempo, e um estado que é só uma cor de borda some no instante em que há uma espada vermelha no espaço.

Negado e travado são sprites distintos de propósito. Um espaço travado pode abrir depois; um negado está recusando o item que está no cursor. Desenhá-los igual é como um inventário acaba ensinando a regra errada ao jogador. Os espaços de equipamento quebram o quadrado pelo mesmo motivo: o de acessório é redondo e o de gema hexagonal, então a forma diz o que vai ali antes de qualquer tooltip.

As três molduras de raridade reaproveitam as cores de vida, mana e vigor do resto da família, cada uma com uma marca de canto além da borda colorida — então quem ordena por raridade está lendo dois sinais, e nenhum deles compete com a arte do item no centro da célula.

Tudo está incluído como SVG editável e como PNG chapado transparente em 1x, 2x e 4x. Os interiores das células são transparentes, então o que você renderizar atrás da grade aparece através, em vez de uma cor de fundo assada na imagem.

Creative Commons Atribuição 4.0 — Grátis para uso comercial. Atribuição obrigatória. Termos completos · O que isso significa na prática