Packs d'interface
Voidrunner Sélection de niveau
12 pièces de carte et de sélection de niveau (cyberpunk) pour interfaces en mode sombre — violet profond, accent menthe toxique. SVG et PNG transparent en 1x/2x/4x.

À propos de ce pack
Voidrunner Sélection de niveau est un ensemble de 12 pièces de carte et de sélection de niveau dessinés dans le style cyberpunk, où chaque cadre a son propre contour asymétrique — une encoche sur un coin, un rail le long d'un bord. 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.
La silhouette est composée et non mise à l'échelle : chacun des quatre coins et chacun des quatre bords reçoit son propre traitement, aucun cadre du set ne partage donc son contour avec un autre. La lueur néon est un empilement de traits d'opacité décroissante, pas un filtre de flou — certains rastériseurs SVG appliquent les filtres autrement et transforment le halo en bavure à 4x.
À l'intérieur de ce style, voici la lecture Voidrunner : une interface en mode sombre sur une palette violet profond avec des accents menthe toxique, bâtie autour de un cadre à bordure unique, de boutons chanfreinés en 168x40, de barres à noyau creux divisées en 14 segments et d'icônes en bichromie 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 Voidrunner, ce qui veut dire que ce kit et le kit de panneaux Voidrunner s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux interfaces cyberpunk, science-fiction et proche futur.
Téléchargement
Lien direct · sans inscription · sans page d'attenteEnsemble complet — sources SVG, exports PNG en 1x/2x/4x, licence et readme
Comment l'utiliser
- 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.
- 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é.
- 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.
- 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 Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique
"Voidrunner Sélection de niveau" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/voidrunner-level-select


