Fadenkreuz-Generator

Die Vorschau wird auf einem HTML-Canvas gezeichnet, derselben Zeichenfläche, die Browser für 2D-Spiele verwenden. Jedes Mal, wenn du einen Regler bewegst, leert das Tool den Canvas und baut das Fadenkreuz aus vier Rechtecken neu auf: einem linken, rechten, oberen und unteren Arm rund um den exakten Mittelpunkt. Der Größenregler bestimmt, wie lang jedes Rechteck ist, die Dicke bestimmt seine Breite, und der Abstand legt fest, wie weit jeder Arm vom Zentrum entfernt sitzt. Der T-Stil lässt einfach das obere Rechteck weg, und der Kreisstil ersetzt die Rechtecke durch einen gezeichneten Ring.

Die Regler verwenden dieselben Wertebereiche wie die CS2-Konsoleneinstellungen, sodass sich die hier gewählten Zahlen direkt ins Spiel übertragen lassen. Beim Klick auf den Kopieren-Button baut das Tool aus deinen aktuellen Einstellungen eine einzige Zeile mit Konsolenbefehlen — cl_crosshairsize, cl_crosshairgap, cl_crosshairthickness und die übrigen — und legt sie in deine Zwischenablage. Deine Farbe wird vom Hexwert in die getrennten Rot-, Grün- und Blauwerte umgerechnet, die das Spiel erwartet, und der Deckkraftregler wird zum Alphawert.

Die Umrissoption zeichnet hinter jedem Arm zuerst eine etwas größere schwarze Form, bevor die farbige Form darübergelegt wird. So bleibt das Fadenkreuz vor hellem Himmel und in dunklen Ecken sichtbar. Der PNG-Download zeichnet dein Design auf einen transparenten 256-Pixel-Canvas und speichert es als Datei. Alles läuft lokal in deinem Browser-Tab; keine Einstellungen, Bilder oder persönlichen Daten verlassen die Seite.