fonthx

Fonthx: جيل بسيط لتوليد truetype لـ Haxe

• مكتبة إنشاء خطوط أساسية للغاية (Opentype مع الخطوط العريضة/CFF) مكتوبة في Haxe
• جوهر وحدة توليد الخطوط المستخدمة بواسطة FontStruct
• يهدف إلى مطوري Haxe (أو غيرهم) الذين يرغبون في إنشاء أدوات توليد الخطوط
• يجب أن تعمل مع أهداف Nodejs و JS و CPP و C# و Java. wasm أيضا إذا كنت محظوظا.
• لا ولن تفعل التداخل إزالة!

مثال

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

تثبيت

1. استنساخ هذا الريبو مع git إلى مجلد على جهازك

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

2. تثبيت haxe ، على سبيل المثال من https://haxe.org/download/
   يدعم حاليًا Haxe 4.2 (إذا كان على Haxe 3.4 استخدم العلامة 0.04)

3. تثبيت التبعيات haxe

مع lix (المفضل):

 lix download

مع Haxelib (يجب على أي شخص يتم تثبيته مع Haxelib التحقق من هذه المشكلة أولاً)

    haxelib install haxelib.json

1. لتجميع العقدة ، ستحتاج إلى تثبيت NodeJs. لتجميع Java ، ستحتاج إلى تثبيت Java JDK. المتطلبات الأخرى المذكورة أدناه. إذا كنت على Windows ، فقد تحتاج إلى ضبط بعض المسارات.

جربه للعقدة

يبني:

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

سيؤدي ذلك إلى إنشاء مثال Pixelfonter ، والذي سيقوم بإنشاء خط trueType من صورة PNG.

الآن قم بالتشغيل:

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

جرب نفس الشيء لجافا

يبني:

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

يجري:

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

أو ، لخط مع الخطوط العريضة CFF:

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

جرب نفس الشيء بالنسبة لـ C ++ الأصلي

يبني:

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

يجري:

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

و C#!؟!

من أجل إنشاء هذا المثال وتشغيله على OSX أو Linux ، ستحتاج إلى تثبيت Mono ، على سبيل المثال عبر Brew Install Mono

يبني:

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

يجري:

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

وفي المتصفح مع واجهة المستخدم الرسومية البسيطة

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

- من أجل عرض هذا المثال ، ستحتاج إلى توجيه خادم ويب على DIST/أمثلة/pixelfonter/js/index.html

وحتى مع WASM!

هذا معقد وغير مستقر - مغامرة.

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

- ستحتاج إلى إعداد emscripten من أجل تجميع هذا واحد. ستحتاج أيضًا إلى توجيه خادم ويب على DIST/أمثلة/pixelfonter/wasm/index.html. أسهل طريقة مع Emrun مثل

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

(قد يستغرق بعض الوقت للتهيئة)

تطوير واختبار

قم بإعداد أدوات DEV (GULP):

 npm install gulp-cli -g
npm install

تشغيل المواصفات:

 gulp specs

أو ، تطوير وتشغيل المواصفات:

 gulp specs-watch

تطوير باستخدام تطبيق مثال Pixelfonter (هدف العقدة):

 gulp pixelfonter-watch

إظهار جميع مهام Gulp المتاحة:

 gulp --tasks

بناء أداة توليد الخطوط

انظر إلى مثال pixelfonter للتوجيه ، ولا سيما pixelfonter

تحتاج إلى:

1. قم بإنشاء فئة خط تنفيذ ifont (تمديد اختياريا ملخصية)
2. قم بإنشاء فئة Glyph لتنفيذ Icontourglyph (تمديد اختياريا AbstractContourglyph)
3. إنشاء فئة الخط الخاص بك ، أضف بعض الحروف الرسومية ، ثم
4. احصل على بايت Truetype باستخدام OpentypeBuilder