Anleitung: Pixel-Font-Generator
- Gib deinen Text ein. Zeilenumbrüche bleiben erhalten.
- Wähle eine Schrift: Micro 3×5, Classic 5×7, Bold, Tall oder Wide.
- Leg Ausrichtung, Buchstaben- und Zeilenabstand fest; proportionale Abstände rücken schmale Buchstaben wie i und l enger zusammen.
- Gestalte den Text: Füllung oder zweifarbiger Verlauf, Kontur, Schlagschatten, optional Hintergrund und Innenabstand.
- Wähle eine Skalierung und lade ein transparentes PNG herunter – oder die ganze Schrift als Glyphen-Sheet.
Was du bekommst
- Transparentes PNG des Textes in 1×–8×
- Glyphen-Sheet als PNG + JSON (Zeichenreihenfolge, Glyphengröße) für Bitmap-Font-Loader
Tipps aus der Spieleentwicklung damit
- Exportiere in 1×, wenn der Text ins Spiel kommt, und lass die Engine skalieren. Größere Skalierungen eignen sich für Social-Media-Posts und Store-Seiten.
- Der gestufte Verlauf nutzt ganze Zeilen in Volltonfarbe, daher sieht er weiterhin wie Pixel-Art aus.
- Kontur plus ein Ein-Pixel-Schatten in einem dunkleren Ton der Kontur ergibt den klassischen Arcade-Titel-Look.
- Micro 3×5 hat nur Großbuchstaben. Sie ist für winzige HUD-Zahlen und Beschriftungen gedacht.
Anwendungsfälle
- Spieltitel und „GAME OVER“-Bildschirme
- HUD-Beschriftungen, Schadenszahlen und Buttons
- Pixel-Text für Thumbnails, itch.io-Seiten und Social-Media-Posts
- Ein erstes Bitmap-Font-Sheet für deine Engine
FAQ
Welche Zeichen werden unterstützt?
Classic, Bold, Tall und Wide enthalten alle druckbaren ASCII-Zeichen (Buchstaben, Ziffern, Satzzeichen) plus ♥ und ★. Micro 3×5 hat Großbuchstaben, Ziffern und gängige Satzzeichen; Kleinbuchstaben werden als Großbuchstaben dargestellt.
Darf ich den Text kommerziell nutzen?
Ja. Die Glyphen wurden für diese Website gezeichnet, und die exportierten Bilder kannst du in jedem Projekt verwenden.
Kann ich die Schrift selbst bekommen?
Du kannst ein Glyphen-Sheet als PNG mit einer JSON-Datei herunterladen, die Zeichenreihenfolge und Glyphengröße enthält. Die meisten Engines können das als Bitmap-Font laden.
Warum sieht mein Text in der Engine unscharf aus?
Die Engine filtert die Textur. Stell den Texturfilter auf Nearest/Point und skaliere nur um ganze Zahlen.
Werden andere Sprachen unterstützt?
Vorerst nur der lateinische ASCII-Zeichensatz. Nicht unterstützte Zeichen (auch Umlaute) werden als Fragezeichen dargestellt.