Packs d'interface

Amberterm Sélection de niveau

12 pièces de carte et de sélection de niveau (terminal) pour interfaces en mode sombre — noir chaud, accent ambre de CRT. SVG et PNG transparent en 1x/2x/4x.

  • ui
  • svg
  • png transparent
  • sélection de niveau
  • carte du monde
  • niveau
  • progression
  • campagne
  • terminal
  • terminal
  • terminal
  • ambre
  • crt
  • rétro
Planche montrant 12 pièces de carte et de sélection de niveau (terminal) de la famille Amberterm, 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

Amberterm Sélection de niveau est un ensemble de 12 pièces de carte et de sélection de niveau dessinés dans le style terminal, où il y a une seule teinte à six niveaux et rien d'autre — un tube au phosphore n'a pas de seconde couleur. 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.

Tout le set est bâti sur une seule teinte, tracé et marques compris, parce qu'un phosphore ou un CRT ambre ne peut physiquement pas en afficher une seconde. Le halo est un empilement de traits d'opacité décroissante, ce à quoi ressemble le bloom d'un vrai tube et ce qu'un filtre de flou rate à 4x.

À l'intérieur de ce style, voici la lecture Amberterm : une interface en mode sombre sur une palette noir chaud avec des accents ambre de CRT, bâtie autour de un cadre à bordure unique, de boutons chanfreinés en 128x46, de barres à noyau creux divisées en 7 segments et d'icônes en bichromie sur une grille de 32px. 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 Amberterm, ce qui veut dire que ce kit et le kit de panneaux Amberterm s'alignent sans qu'aucun des deux soit redimensionné. Convient bien aux terminaux, consoles et interfaces rétro-informatiques.

Téléchargement

Lien direct · sans inscription · sans page d'attente
Télécharger ZIP83 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 readmeZIP83 kB Obtenir →
Nœud de niveau, verrouillé, SVG modifiableSVG1.9 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 Attribution 4.0 — Gratuit pour un usage commercial. Attribution obligatoire. Conditions complètes · Ce que cela veut dire en pratique

Ligne de crédit à copier
"Amberterm Sélection de niveau" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/amberterm-level-select