Packs d'interface

Blocks Sélection de niveau

12 pièces de carte et de sélection de niveau (voxel) pour interfaces en mode sombre — pierre froide, accent orange de signal. SVG et PNG transparent en 1x/2x/4x.

  • ui
  • svg
  • png transparent
  • sélection de niveau
  • carte du monde
  • niveau
  • progression
  • campagne
  • voxel
  • voxel
  • voxel
  • en blocs
  • isométrique
  • cube
Planche montrant 12 pièces de carte et de sélection de niveau (voxel) de la famille Blocks, disposés sur un damier de transparence avec leurs tailles en pixels inscrites en dessous
aperçu 1600×973la transparence est montrée en damier

À propos de ce pack

Blocks Sélection de niveau est un ensemble de 12 pièces de carte et de sélection de niveau dessinés dans le style voxel, où chaque surface est la face avant d'un cube avec une face supérieure éclairée et une face droite dans l'ombre. Il contient quatre états de nœud de niveau, un chemin droit et un courbe, chacun verrouillé et ouvert, une plaque de région, une lisière de brouillard de guerre, une commande de zoom et un encart de légende.

Une carte de sélection de niveau se construit avec deux choses, les nœuds et les lignes entre eux, et les lignes sont précisément ce que tous les kits gratuits laissent de côté. C’est en les dessinant dans le moteur que la carte se défait : un trait tracé par le code ne colle pas au style, et un chemin droit dans un style et tremblé à la main dans un autre ne peut pas être un rectangle.

L'extrusion est une vraie géométrie et non une ombre : l'angle de lumière ne change jamais, il y a exactement trois tons par bloc, et la face avant est rentrée pour que le cube reste à l'intérieur des limites de son propre sprite.

À l'intérieur de ce style, voici la lecture Blocks : une interface en mode sombre sur une palette pierre froide avec des accents orange de signal, bâtie autour de un cadre à bordure unique, de boutons à coins droits en 132x48, de barres à repères divisées en 8 segments et d'icônes pleines sur une grille de 24px. Ces mesures expliquent pourquoi deux familles peuvent partager un style artistique sans être interchangeables : le style décide comment un bord est tracé, les nombres décident à quoi sert l'interface.

Les chemins sont livrés dans le même langage graphique que les nœuds, droits et courbes, chacun en lecture verrouillée et ouverte. Verrouillé est fin et en pointillé, ouvert est plein et à pleine épaisseur : la progression sur une carte se voit donc aussi dans les liaisons et pas seulement dans les nœuds. Les quatre états de nœud se distinguent par la structure : verrouillé est hachuré de part en part, disponible porte un unique point en son centre, terminé est plein, et parfait ajoute quatre équerres au nœud plein. La lisière de brouillard est une bande en paliers et non un flou doux, car un flou se rastérise différemment selon le moteur et le bord d’une carte est justement l’endroit où cela se voit.

Chaque sprite est livré en SVG modifiable et en PNG transparent à 1x, 2x et 4x : vous pouvez déposer les PNG directement dans un moteur ou ouvrir le vecteur et changer une couleur. Dessiné aux mêmes mesures que le reste de la famille Blocks, ce qui veut dire que ce kit et le kit de panneaux Blocks s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux jeux voxel et en blocs.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP29 kB

Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readme

Fichiers inclus dans ce pack
FichierFormatPoidsTéléchargement
Ensemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readmeZIP29 kB Obtenir →
Nœud de niveau, verrouillé, SVG modifiableSVG2.1 kB Obtenir →

Comment l'utiliser

  1. Placez les nœuds sur votre propre grille et posez les tronçons de chemin entre eux ; les chemins sont dessinés à l’écartement de nœuds indiqué dans la fiche technique et rejoignent donc le bord du nœud sans recouvrement.
  2. Au déverrouillage du niveau, remplacez le chemin verrouillé par son jumeau ouvert plutôt que de le teinter. Le signal, c’est le pointillé.
  3. Ancrez la lisière de brouillard à la limite de la zone explorée et laissez-la déborder du côté inexploré ; la bande en paliers est dessinée pour se répéter à l’horizontale.
  4. La plaque de région et l’encart de légende partagent le traitement d’angle du kit de panneaux de cette famille, pour qu’un écran de carte et un écran de menu n’aient pas l’air de deux jeux.

Licence

Creative Commons Zero 1.0 — Domaine public. Aucune attribution. Conditions complètes · Ce que cela veut dire en pratique