مقدمة
Easelt Builder هو مصمّم مرئي لواجهات dx في MTA:SA — ارسم واجهة الـ HUD أو القائمة الخاصة بك، اربط منطقها، وصدّر مورداً جاهزاً للتشغيل.
Easelt Builder هو مصمّم مرئي يعمل داخل المتصفّح لبناء واجهات dxDraw في MTA:SA — واجهات HUD، والقوائم، واللوحات، وشاشات تسجيل الدخول، والمتاجر، وتدفّقات النوافذ المتعدّدة. أنت ترسم على لوحة الرسم، وتنسّق كل عنصر في المفتّش، وتربط المنطق في Blueprint، وتختبره مباشرةً بأي دقّة، وتصدّر مورد MTA جاهزاً للتشغيل — كل ذلك دون أن تغادر متصفّحك.
جديد هنا؟ انتقل مباشرةً إلى Quickstart لبناء وتصدير أول واجهة HUD خاصة بك في دقائق قليلة، ثم عد إلى هذه الصفحة للاطّلاع على الصورة الكاملة.
ما هو Easelt Builder
يحوّل Easelt Builder الأجزاء المُمِلّة من العمل على واجهات dxDraw — حساب مواضع البكسل يدوياً، وتخمين المقياس، وإعادة الاختبار عبر الدقّات المختلفة — إلى سير عمل مرئي ومباشر. كل ما كنت تكتبه يدوياً عادةً باستخدام dxDrawRectangle وdxDrawText وdxDrawImage تقوم بدلاً من ذلك برسمه وسحبه وتنسيقه على لوحة رسم حيّة، ثم تصدّره كمورد قابل للتشغيل.
يعمل التطبيق بأكمله داخل متصفّحك. يُحفَظ عملك محلياً ومشفّراً أثناء التخزين — لا يُرفَع أي شيء إلى خادم. تبقى تصاميمك على جهازك.
بما أن المشاريع تعيش في التخزين المحلي لمتصفّحك، فهي مرتبطة بالمتصفّح الذي تستخدمه. صدّر موردك لنقل التصميم بين الأجهزة.
استجابة عبر الكسور
الفكرة الأساسية وراء Easelt Builder هي الاستجابة عبر الكسور: كل موضع وحجم يُخزَّن على شكل كسر من الشاشة، وهو رقم بين 0 و1 — تماماً مثل شيفرة dxDraw المكتوبة جيداً. العنصر عند x = 0.40 يقع على 40% عرضياً من الشاشة على *أي* دقّة، لذا تحافظ واجهتك على تخطيطها سواء شغّل اللاعب دقّة 1080p أو 1440p أو شاشة عريضة جداً.
للمعاينة، يعرض Easelt Builder عند دقّة مختارة. يحوّل كل كسر مُخزَّن إلى قيمة بكسل حقيقية ويقيس النص والتباعد بحيث يطابق ما تراه ما يحصل عليه اللاعبون داخل اللعبة.
| المفهوم | كيف يعمل |
|---|---|
| القيمة المُخزَّنة | كل من x وy وwidth وheight هو كسر من 0 إلى 1. |
| تحويل البكسل | pixel = fraction * gameWidth — يصبح الكسر بكسلاً حقيقياً على الشاشة عند دقّة المعاينة. |
| عامل المقياس | S = gameHeight / 1080 — يتقيّس النص والتباعد نسبةً إلى خطّ أساس 1080p. |
| مثال | x = 0.40 يُعرَض على 40% عرضياً من الشاشة عند كل دقّة. |
التفكير بالكسور يعني أنك تصمّم مرّة واحدة ويبدو صحيحاً في كل مكان — دون ضبط دقيق لكل دقّة على حدة.
ما الذي يمكنك بناؤه
سير العمل
- ارسم على لوحة الرسمضع عناصرك ورتّبها بصرياً على لوحة الرسم الحيّة.
- نسّق في المفتّشاضبط الألوان والأحجام والخطوط وغيرها من الخصائص للعنصر المحدّد.
- أضف المنطق في Blueprintاربط التفاعلية — النقرات والحالة وتدفّق النوافذ — باستخدام محرّر Blueprint المرئي.
- اختبر مباشرةًعايِن واجهتك وهي تعمل عند دقّة مختارة للتأكّد من التخطيط والسلوك.
- صدّر مورداًأنشئ مورد MTA:SA قابلاً للتشغيل يمكنك إسقاطه في خادمك.
كيف يُنظَّم هذا الدليل
يُقسَّم التوثيق إلى خمسة أجزاء حتى تتمكّن من إيجاد ما تحتاجه في كل مرحلة من مراحل المشروع:
اللغات
يتوفّر Easelt Builder بـ خمس لغات، حتى تتمكّن من العمل باللغة التي تشعر بأكبر قدر من الراحة معها:
- الإنجليزية
- العربية
- الفرنسية
- البرتغالية
- الإسبانية
© Easelt · C4