Paper Contrôles — case, interrupteur et curseur

Contrôles de formulaire pour un écran de paramètres clair. L'état coché se remplit de rouille au lieu de s'inverser en sombre, et la coche à l'intérieur est dessinée dans le ton de papier le plus sombre — une coche blanche sur cet accent échoue au contraste à 22 pixels, ce qui est exactement la taille qu'utilise une ligne de paramètres.

Le set couvre les quatre contrôles dont un écran de paramètres a réellement besoin : une case à cocher, un bouton radio, un interrupteur et un curseur avec sa poignée séparée. Chaque contrôle à états livre ses deux états dans son propre fichier, sur une base de 22×22 — l'interrupteur fait 44×22 et le rail du curseur 176 px de large pour pouvoir être nine-slicé à n'importe quelle longueur.

Activé et désactivé sont dessinés comme des formes différentes, pas comme des couleurs différentes. Une case décochée est un creux vide ; une case cochée est une surface pleine avec une coche taillée dedans. C'est important parce que l'écran de paramètres est précisément là où un joueur a le plus de chances d'utiliser un mode daltonien, un shader en niveaux de gris ou un post-traitement fortement teinté — et un état qui ne se lit qu'à la teinte disparaît sous les trois.

Le curseur est livré en rail et poignée plutôt qu'en un seul sprite. Animer un curseur d'une pièce oblige à le redessiner pour chaque valeur ; avec deux pièces vous étirez le remplissage et déplacez la poignée, ce que tout toolkit d'interface attend déjà. La poignée porte une encoche centrale pour que sa rotation et sa position restent lisibles en petit.

Tout est fourni en SVG modifiable et en PNG transparent plat à 1x, 2x et 4x, dessiné à partir des mêmes six tons papier chaud que le reste de la famille Paper.

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