Blocks Inventar-Slots — 72px-Raster

Grobe Inventar-Slots auf einem 72px-Raster, tief genug, dass Item-Grafik sichtbar darin sitzt statt darauf. Der ganze Sinn der extrudierten Fläche ist, dass ein gefüllter Slot gefüllt aussieht.

Ein Inventarraster braucht kein Panel, es braucht ein Quadrat, das kachelt: 7 Dateien in 72×72, alle mit denselben Außenmaßen, sodass eine Reihe davon ohne Abstandsrechnerei fluchtet. Setze sie 76 px auseinander und die Ränder lesen sich als ein einziges Raster statt als Reihe getrennter Kästen.

Die Zustände sind als Struktur gezeichnet, nicht als Farbe. Der ausgewählte Slot bekommt Eckhaken, der gesperrte eine Diagonalschraffur, der Hover-Slot hebt seinen Rand eine Stufe an. Das ist Absicht: Der Inventarbildschirm ist in den meisten Spielen die lauteste Fläche, er liegt unter Item-Grafik in allen Farbtönen zugleich, und ein Zustand, der nur eine Randfarbe ist, wird unsichtbar, sobald ein rotes Schwert im Slot liegt.

Die drei Seltenheitsrahmen greifen die Farben für Leben, Mana und Ausdauer aus dem Rest der Familie wieder auf, jeder mit einer Eckmarkierung zusätzlich zum farbigen Rand — wer nach Seltenheit sortiert, liest also zwei Signale, und keines davon konkurriert mit der Item-Grafik in der Mitte des Slots.

Alles ist als bearbeitbares SVG und als flaches transparentes PNG in 1x, 2x und 4x enthalten. Die Slot-Innenflächen sind transparent, was du hinter dem Raster renderst, scheint also durch, statt von einer eingebrannten Hintergrundfarbe verdeckt zu werden.

Creative Commons Zero 1.0 — Gemeinfrei. Keine Namensnennung nötig. Vollständige Bedingungen · Was das in der Praxis heißt