التصميم

خلفية الواجهة الرسومية (GUI)

لون الخلفية، والتدرجات اللونية، والإعدادات الجاهزة، وصورة خلفية قابلة للتموضع بالكامل.

عندما لا يكون لديك أي عنصر محدد على لوحة الرسم (canvas)، يتحول المُفتِّش (Inspector) إلى خلفية الواجهة الرسومية (GUI background) — وهي خلفية بملء الشاشة تقع خلف تصميمك بالكامل. يتم حفظها لكل تصميم على حدة وتنتقل مع التصدير الخاص بك، بحيث يكون لكل جزء من واجهتك الرسومية بنمط dx مسرح متسق يستقر عليه. تستعرض هذه الصفحة كل قسم وعنصر تحكم، وتوضح بدقة أي الأجزاء التي تُشحن مع التصدير وأيها مجرد لمسات جمالية للمعاينة فقط.

ℹ️

لفتح عناصر التحكم هذه، انقر على منطقة فارغة من لوحة الرسم بحيث لا يكون أي عنصر محدداً — عندئذ يعرض المُفتِّش (Inspector) خلفية الواجهة الرسومية بدلاً من خصائص عنصر معيّن.

ما هي خلفية الواجهة الرسومية

خلفية الواجهة الرسومية هي طبقة خلفية واحدة تُعرَض خلف التصميم بأكمله. يتم تخزينها لكل تصميم على حدة وتُصدَّر معه، لذا فهي ليست تفضيلاً عاماً في المحرر — بل يحتفظ كل تصميم بخلفيته الخاصة. وهي مبنية من أربع طبقات متراكبة تتحكم بها بشكل مستقل: لون خلفية صلب، وتدرج لوني (gradient)، وصورة خلفية، وزوج من لمسات الزجاج المصنفر والحبيبات (frosted & grain).

الخلفية (Backdrop)

قسم الخلفية (Backdrop) هو التعبئة الأساسية خلف كل شيء آخر.

التفعيل (Enable) — يشغّل طبقة الخلفية أو يوقفها.
اللون الأساسي (Base colour) — لون التعبئة الصلب، مع قناة الشفافية (alpha)، بحيث يمكنك جعله معتماً بالكامل، أو نصف شفاف، أو شفافاً تماماً.

التدرج اللوني (Gradient)

قسم التدرج اللوني (Gradient) يرسم مزيجاً لونياً فوق الخلفية لإضفاء العمق والأجواء.

التفعيل (Enable) — يشغّل التدرج اللوني أو يوقفه.
لونان أو ثلاثة ألوان (2-colour or 3-colour) — اختر مزيجاً بنقطتي توقف أو ثلاث نقاط توقف.
الاتجاه (Direction) — اجعل التدرج يسري رأسياً (vertical) أو أفقياً (horizontal).
شعاعي (توهج مركزي) (Radial (centre glow)) — التبديل إلى مزيج شعاعي يتوهج من المركز نحو الخارج بدلاً من اتجاه خطي.

التصاميم الجاهزة (Preset designs)

ستة تصاميم جاهزة (preset designs) بنقرة واحدة تمنحك تدرجاً لونياً جاهزاً على الفور. اختر واحداً، ثم عدّل الألوان إن أردت.

Blue Night

مزيج بارد لسماء ليلية بلون أزرق غامق.

Deep Space

تدرج كوني داكن يقارب الأسود.

Sunset

درجات دافئة لغروب الشمس لمسرح أكثر نعومة.

Jade

مزيج أخضر يشبه اليشم بلون غني.

Violet

تدرج بنفسجي أرجواني ذو أجواء كئيبة.

Ocean

درجات زرقاء ومائلة للفيروزي باردة كالمحيط.

صورة الخلفية (Background image)

يتيح لك قسم صورة الخلفية (Background image) استيراد صورة افتتاحية أو صورة شخصية من جهازك ووضعها خلف التصميم. اختر كيفية ملئها للشاشة باستخدام وضع الملاءمة (fit).

الملاءمة (Fit)	ما الذي تفعله
Cover	تُكبّر الصورة لتملأ الشاشة بأكملها، مع اقتصاص الفائض لتجنب الحواف الفارغة.
Contain	تُكبّر الصورة لتلائم الشاشة بالكامل، بحيث تكون الصورة كلها مرئية.
Stretch	تمدّ الصورة لتطابق أبعاد الشاشة بالضبط، متجاهلةً نسبة أبعادها.
Free	تمنحك تحكماً يدوياً كاملاً في الموضع والحجم (انظر أدناه).

الوضع الحر (Free mode)

في وضع الحر (Free) تتحكم بالكامل في تموضع الصورة عبر أربعة منزلقات — الموضع الأفقي (Position X)، والموضع الرأسي (Position Y)، والعرض (Width)، والارتفاع (Height) — مُعبَّراً عنها كنسبة مئوية من الشاشة، بحيث تبقى الصورة في مكانها عبر مختلف الدقات. ويكمّل ذلك زرّان مساعدان.

الموضع الأفقي / الموضع الرأسي (Position X / Position Y) — مكان استقرار الصورة، كنسبة مئوية من الشاشة.
العرض / الارتفاع (Width / Height) — حجم الصورة، كنسبة مئوية من الشاشة.
التوسيط (Center) — يعيد الصورة بشكل فوري إلى منتصف الشاشة.
إعادة التعيين (Reset) — يستعيد موضع وحجم الوضع الحر.

💡

عند التبديل إلى الحر (Free)، تُشتَقّ قيم الموضع والحجم من الملاءمة الحالية، بحيث لا تقفز الصورة — فتبدأ تماماً من حيث تركها وضع Cover أو Contain أو Stretch وتضبط انطلاقاً من ذلك.

الشفافية وإزالة الصورة

الشفافية (Opacity) — منزلق يُظهر الصورة أو يُخفيها تدريجياً فوق الطبقات التي تحتها.
الإزالة (Remove) — يمسح الصورة المستوردة من الخلفية.

الزجاج المصنفر والحبيبات (Frosted & grain)

يضيف قسم الزجاج المصنفر والحبيبات (Frosted & grain) لمستين ختاميتين — ضبابية زجاجية مصنفرة (frosted blur) وطبقة تشويش/حبيبات (noise/grain overlay). هاتان للمعاينة فقط: تساعدانك على تقييم المظهر داخل Easelt Builder لكنهما لا تُصدَّران مع تصميمك.

Frosted

ضبابية زجاجية مصنفرة فوق الخلفية. لمسة للمعاينة فقط — لا تُصدَّر.

Grain

طبقة تشويش/حبيبات لإضفاء ملمس. لمسة للمعاينة فقط — لا تُصدَّر.

ما الذي يُصدَّر مقابل ما هو للمعاينة فقط

لا ينتقل إلى تصميمك المُصدَّر سوى بعض أجزاء خلفية الواجهة الرسومية. ضع هذا التقسيم في اعتبارك حتى تطابق المعاينات النتيجة النهائية.

الطبقة	هل تُصدَّر؟	ملاحظات
لون الخلفية (Backdrop)	نعم	التعبئة الأساسية، بما في ذلك قناة الشفافية (alpha)، تُشحن مع التصميم.
التدرج اللوني (Gradient)	نعم	يتم تصدير تدرجك اللوني، سواء كان جاهزاً أو مخصصاً.
صورة الخلفية	نعم	تُشحن الصورة في مجلد `assets/` إلى جانب التصميم.
الضبابية الزجاجية المصنفرة	لا	لمسة للمعاينة فقط.
طبقة الحبيبات	لا	لمسة للمعاينة فقط.

⚠️

إن الضبابية الزجاجية المصنفرة (frosted blur) وطبقة الحبيبات (grain overlay) مخصصتان للمعاينة فقط — ولن تظهرا في التصدير الخاص بك. أي شيء تريده داخل اللعبة يجب أن يوجد ضمن لون الخلفية أو التدرج اللوني أو الصورة، وتُكتَب الصورة إلى assets/.