Littera – Bitmap Font Generator

Für Spiele benötigt man Fontmaps. Auf Fontmaps sind alle Zeichen aufgelistet, die in einem Game benötigt werden. Solche Fontmaps können mit dem Online-Tool generiert werden. Leider arbeitet Littera auf der Basis von Adobe Flash.

 

Update 2020: Da Littera auf der Basis von Flash funktioniert kann man den Service mit neuen Browsern nicht mehr angewendet werden. Es sei denn man würde eine ältere Browserversion nutzen die Flash-Anwendungen noch unterstützt. Adobe Flash wurde wegen anhaltenden Sicherheitslücken eingestellt. Eigentlich also ein Plugin das keiner mehr haben möchte.

Littera bei aktuellen Browsern

Littera bei aktuellen Browsern

Im Prinzip leistete Littera aber gute Dienste, weshalb wir uns entschieden haben den Artikel online zu halten.

 

Schriftarten

Für Littera benötigt man Schriften, um daraus ein Bitmap zu machen. Freie Schriften kann im Netz ohne Ende finden. Meist sind die Fonts nach Themen sortiert und man kann auf den Online-Plattformen Wörter oder kurze Sätze bilden, um sich eine Vorschau auf das Schriftbild anziegen zu lassen. Der Download der Schriften erfolgt meist als ZIP-Verzeichnis und beinhaltet Schriftdateien im .ttf (true type Font)oder auch .otf Format (open type font).

Schriftvorschau bei Dafont

Beispiel

 

Schriften umwandeln

Um Littera anwenden zu können besucht ihr die oben verlinkte Webseite (kvazars.com/littera/) und befindet sich auch schon auf der Arbeitsoberfläche. Erster Schritt: ihr ladet eure Schrift hoch (siehe Bild unten).

Schritte 1 bis 3

Vorgaben treffen

Dann sollte man festlegen welche Zeichen aus der Schrift man benötigt. Ob man alle Schriftzeichen braucht oder nur ausgewählte Zeichen verwenden möchte. Die Einstellung dazu findet ihr im Bild oben unter Punkt 3. In den meisten Fällen reichen die Buchstaben von A-Z in Großbuchstaben und Kleinbuchstaben, sowie den Ziffern von 0 bis 9 und die Sonderzeichen Doppelpunkt, Fragezeichen, Bindestrich und Punkt aus.

Als Nächstes kommen noch Effekte wie ein Farbverlauf für die Buchstaben, wahlweise eine Kontur und/oder ein Schatten hinzu. Der Farbverlauf kann beliebig eingestellt und die Konturstärke verändern werden. Auch ein Schatten lässt sich dem Schriftbild hinzufügen. Im Vorschaufenster (Preview) lässt sich die Fontmap einschätzen (siehe Bild).

Preview Bereich

Preview Bereich

 

Schrift exportieren

Der letzte Schritt ist das Exportieren. Das Format lässt man wie es ist bzw. wählt XML (.fnt), vergibt einen eindeutigen Namen und klickt auf Export (siehe Bild unten).

Exporteinstellungen

Exportiert wird dann ein Zip-Verzeichnis. In diesem Zip-Paket liegen nach dem Entpacken 2 Dateien. Einmal ein Schriftbild im .png Format (das ist das Bild) und eine Datei mit der Dateiendung .fnt. Die .fnt-Datei beinhaltet die Beschreibung wo genau auf dem PNG-Bild sich welcher Buchstabe, Zahl etc. befindet. Beide Dateien sind je nach Game-Engine wichtig!

Das könnte dich auch interessieren …