Générateur de réticule

L'aperçu est dessiné sur un canevas HTML (canvas), la même surface de dessin que les navigateurs utilisent pour les jeux 2D. À chaque déplacement d'un curseur, l'outil efface le canevas et reconstruit le viseur à partir de quatre rectangles : un bras gauche, droit, haut et bas placés autour du point central exact. Le curseur de taille contrôle la longueur de chaque rectangle, l'épaisseur contrôle sa largeur et l'écart contrôle la distance de chaque bras par rapport au centre. Le style en T ignore simplement le rectangle du haut, et le style en cercle remplace les rectangles par un anneau tracé.

Les curseurs utilisent les mêmes plages de valeurs que les paramètres de la console CS2, de sorte que les chiffres choisis ici passent directement dans le jeu. Lorsque vous appuyez sur le bouton de copie, l'outil construit une seule ligne de commandes de console (cl_crosshairsize, cl_crosshairgap, cl_crosshairthickness, etc.) à partir de vos réglages actuels et la place dans votre presse-papiers. La couleur choisie est convertie de sa valeur hex en valeurs rouge, vert et bleu distinctes attendues par le jeu, et le curseur d'opacité devient la valeur alpha.

L'option de contour dessine une forme noire légèrement plus grande derrière chaque bras avant d'appliquer la forme colorée par-dessus, ce qui garde le viseur visible aussi bien sur un ciel clair que dans un coin sombre. Le téléchargement PNG redessine votre design sur un canevas transparent de 256 pixels et l'enregistre dans un fichier. Tout s'exécute localement dans l'onglet de votre navigateur ; aucun réglage, image ou donnée personnelle ne quitte la page.