Packs de interface
Blocks Células de inventário — grade de 72px
72×72 células de inventário em voxel robusto: estados vazia, hover, selecionada e bloqueada mais três molduras de raridade. SVG e PNG transparente.

Sobre este pack
Células de inventário robustas numa grade de 72px, fundas o bastante para que a arte do item fique visivelmente dentro e não em cima. Todo o sentido da face extrudada é que uma célula cheia pareça cheia.
Uma grade de inventário não precisa de um painel, precisa de um quadrado que se repita: 7 arquivos de 72×72, todos com os mesmos limites externos, para que uma fileira alinhe sem contas de espaçamento. Separe-as em 76 px e as bordas se leem como uma única grade em vez de uma fileira de caixas soltas.
Os estados são desenhados como estrutura, não como cor. A célula selecionada recebe marcas nos cantos, a bloqueada uma hachura diagonal, e a de hover sobe a borda um degrau. É proposital: a tela de inventário é a superfície mais barulhenta da maioria dos jogos, fica sob arte de itens de todos os matizes ao mesmo tempo, e um estado que é só uma cor de borda vira invisível assim que há uma espada vermelha na célula.
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.
Download
Link direto · sem cadastro · sem página de esperaConjunto completo — fontes SVG, exportações PNG em 1x/2x/4x, licença e readme
Como usar
- Disponha as células com um passo de 76 px — o sprite de 72 px mais 4 px de espaço — e as bordas ficarão a um pixel de distância em vez de dobrarem.
- Desenhe o ícone do item centralizado na célula com cerca de 50 px; o recesso interno tem 66 px, então qualquer coisa maior toca a borda e engole a moldura.
- Troque o sprite inteiro da célula nos estados selecionada e bloqueada em vez de sobrepor uma tinta, porque as marcas nos cantos e a hachura fazem parte do sprite.
- As molduras de raridade substituem diretamente a célula vazia — mesmos limites, mesmo recesso — então uma mudança de raridade é uma única troca de textura, sem mexer no layout.
Licença
Creative Commons Zero 1.0 — Domínio público. Sem atribuição. Termos completos · O que isso significa na prática



