fonthx

FONTHX: Einfache TrueType -Generation für Haxe

• Eine sehr grundlegende Bibliothek für Schriftartgenerierung (Openentyp mit TrueType/CFF -Umrissen) in Haxe geschrieben
• Der Kern des von Fontstruct verwendeten Schriftstellungsmoduls
• Ziel an HAXE (oder andere) Entwickler, die Tools für Schriftgenerierung erstellen möchten
• Sollte mit NodeJS-, JS-, CPP-, C #- und Java -Zielen arbeiten. Wasm auch, wenn du Glück hast.
• Tut und wird nicht überlappen!

Beispiel

https://fontstruct.github.io/fonthx/

Installation

1. Klonen Sie dieses Repo mit Git zu einem Ordner auf Ihrer Maschine

    git clone [email protected]:FontStruct/fonthx.git
   

2. Installieren Sie Haxe, z. B. aus https://haxe.org/download/
   Unterstützt derzeit HAXE 4.2 (wenn auf HAXE 3.4 Tag 0,04 verwenden)

3. Installieren Sie Haxe -Abhängigkeiten

Mit lix (bevorzugt):

 lix download

Mit Haxelib (jeder, der mit Haxelib installiert ist, sollte dieses Problem zuerst überprüfen)

    haxelib install haxelib.json

1. Um für den Knoten zu kompilieren, müssen Sie NodeJs installieren lassen. Um für Java zu kompilieren, müssen Sie eine Java JDK installieren lassen. Andere unten aufgeführte Anforderungen. Wenn Sie unter Windows sind, müssen Sie möglicherweise einige der Pfade einstellen.

Versuchen Sie es für den Knoten

Bauen:

 haxe build/examples/pixelfonter/pixelfonter-node.hxml

Dadurch wird das Pixelfonter -Beispiel erstellt, das eine TrueType -Schriftart aus einem PNG -Bild erstellt.

Jetzt laufen:

 node dist/examples/pixelfonter/node/PixelFonterApp.js -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

Versuchen Sie das Gleiche für Java

Bauen:

 haxe build/examples/pixelfonter/pixelfonter-java.hxml

Laufen:

 java -jar dist/examples/pixelfonter/java/PixelFonterApp.jar -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

Oder für eine Schriftart mit CFF -Umrissen:

 java -jar dist/examples/pixelfonter/java/PixelFonterApp.jar -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.otf -f otf    

Versuchen Sie dasselbe für native C ++

Bauen:

 haxe build/examples/pixelfonter/pixelfonter-cpp.hxml

Laufen:

 dist/examples/pixelfonter/cpp/PixelFonterApp -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

Und C#!?!

Um dieses Beispiel unter OSX oder Linux zu erstellen und auszuführen, müssen Sie Mono, z. B. über Brew Install Mono, installieren

Bauen:

 haxe build/examples/pixelfonter/pixelfonter-cs.hxml

Laufen:

 mono dist/examples/pixelfonter/cs/bin/PixelFonterApp.exe -i build/examples/pixelfonter/pixel-font-5x5.png -c65-91 -o tmp/pixelfont.ttf

Und im Browser mit einer einfachen GUI

 haxe build/examples/pixelfonter/pixelfonter-js.hxml    

- Um dieses Beispiel anzuzeigen

Und selbst mit WASM!

Dies ist kompliziert und instabil - ein Abenteuer.

 HXCWD=`pwd` haxe build/examples/pixelfonter/pixelfonter-wasm.hxml     

- Sie müssen EMSCIPTEN einrichten, um diesen zu kompilieren. Sie müssen auch einen Webserver unter Dist/Beispiele/Pixelfonter/WASM/INDEX.HTML richten. Der einfachste Weg ist mit Emrun EG

 emrun --no_emrun_detect --browser chrome dist/examples/pixelfonter/wasm/PixelFonterBrowserApp-debug.html

(Möglicherweise dauern eine Weile, um initialisiert zu werden)

Entwicklung und Testen

Richten Sie die Dev Tools (Gulp) ein:

 npm install gulp-cli -g
npm install

Spezifikationen ausführen:

 gulp specs

Oder entwickeln und führen Sie Spezifikationen aus:

 gulp specs-watch

Entwickeln Sie mit der Pixelfonter -Beispiel -App (Knotenziel):

 gulp pixelfonter-watch

Zeigen Sie alle verfügbaren Gulp -Aufgaben an:

 gulp --tasks

Erstellen Sie ein Tool für Schriftartgeneration

Schauen Sie sich das Pixelfonter -Beispiel für die Anleitung an, insbesondere Pixelfonter

Sie müssen:

1. Erstellen Sie eine Schriftklasse implementieren ifTT (optional erweitern AbstractFont))
2. Erstellen Sie eine Glyphenklasse, die IcontourGlyphe implementiert (optional erweitert AbstractContourGourRlyph))
3. Instantieren Sie Ihre Schriftklasse und fügen Sie dann einige Glyphen hinzu
4. Holen Sie sich Ihre TrueType -Bytes mit OpenTypeBuilder