Neon Kit de panneaux — panneaux à équerres et boutons

Un kit de console de science-fiction bâti sur des coins coupés et des cadres ouverts. Il n'y a de bordure continue nulle part — quatre équerres de coin marquent les limites et le reste reste ouvert, et c'est ce qui fait lire un HUD comme une surcouche posée sur le monde plutôt qu'une fenêtre qui le recouvre. Les chanfreins font le reste : ils se lisent comme du métal usiné là où un rayon de bordure se lit comme une application mobile.

Deux panneaux nine-slice — un cadre de fenêtre à équerres de coin avec des coins de 16 px et un cadre intérieur en creux avec des coins de 12 px — couvrent presque toutes les boîtes dont un menu a besoin : dialogues, grilles d'inventaire, fonds de liste, infobulles et panneaux de statistiques. Il n'y a aucune bordure continue — quatre équerres de coin marquent les limites et le reste est ouvert, si bien que le panneau encadre le contenu sans l'enfermer. Les deux s'étirent proprement à n'importe quelle taille parce que les coins ne changent jamais d'échelle et que le centre est un remplissage plat.

Sur les panneaux se posent quatre états de bouton chanfreiné : normal, survol, enfoncé et désactivé. Ils sont dessinés sur la même base de 144×36 avec des coins de 10 px : vous échangez la texture sur un seul widget de bouton et vous obtenez toute la boucle d'interaction sans déplacer un rectangle. L'état enfoncé descend sa face de deux pixels et retire le reflet du haut au lieu de simplement s'assombrir, et c'est ce qui donne à un bouton la sensation d'être cliqué plutôt que simplement recoloré.

Tout est livré deux fois. Les sources SVG sont les fichiers dans lesquels le kit a été dessiné — ouvrez-les, changez les six tons bleu de l'espace profond ou l'unique accent cyan, et réexportez. Les exports PNG sont plats, transparents et pré-mis à l'échelle en 1x, 2x et 4x pour les moteurs qui veulent des bitmaps, sans alpha prémultiplié et sans ombre cuite hors des limites du sprite.

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