Basalt Cases d'inventaire — grille de 80px

Cases d'inventaire à 80px, dimensionnées pour un jeu de survie où un objet est une pile de ressources et où le compte importe autant que l'icône. L'état verrouillé est une hachure plutôt qu'un remplissage atténué, pour rester lisible quand une icône de minerai lumineux s'y trouve.

Une grille d’inventaire n’a pas besoin d’un panneau, mais d’une case carrée qui se répète. Chaque case ici mesure 80×80 avec les mêmes limites extérieures — la seule exception est la case à deux cellules pour les gros objets, en 160×80, qui est un fichier distinct et non une case étirée, car étirer une case qui n’est pas en nine-slice déforme ses coins. Espacez-les de 84 px et les bordures se lisent comme une seule grille plutôt qu’une rangée de boîtes séparées.

Les états sont dessinés comme structure, pas comme couleur. La case sélectionnée reçoit des marques d’angle, la case verrouillée des hachures diagonales, la case survolée relève sa bordure d’un cran, la case refusée porte une croix et la cible de dépôt un cadre d’accent en pointillés. C’est délibéré : l’écran d’inventaire est la surface la plus bruyante de la plupart des jeux, il se trouve sous des illustrations d’objets de toutes les teintes à la fois, et un état qui n’est qu’une couleur de bordure disparaît dès qu’une épée rouge occupe la case.

Refusée et verrouillée sont volontairement des sprites distincts. Une case verrouillée pourra s’ouvrir plus tard ; une case refusée rejette l’objet actuellement au curseur. Les dessiner de la même façon, c’est ainsi qu’un inventaire finit par enseigner la mauvaise règle au joueur. Les cases d’équipement rompent la carrés pour la même raison : un emplacement d’accessoire est rond et un emplacement de gemme hexagonal, donc la forme dit ce qui va là avant toute infobulle.

Les trois cadres de rareté reprennent les couleurs de vie, mana et endurance du reste de la famille, chacun avec un repère de coin en plus d'une bordure colorée — celui qui trie par rareté lit donc deux signaux, et aucun des deux ne rivalise avec le décor de l'objet au centre de la case.

Tout est fourni en SVG modifiable et en PNG plat transparent à 1x, 2x et 4x. Les intérieurs des cases sont transparents : ce que vous rendez derrière la grille se voit au travers, au lieu d'une couleur de fond cuite dans l'image.

Creative Commons Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique