تصميم 12 قطعة (صورة )لطريق

المطلوب: تصميم مجموعة من 12 قطعة طريق (Tiles) لاستخدامها في لعبة تعليمية، بحيث:

تتصل مع بعضها بدون أي فواصل

يمكن ترتيبها عشوائيًا

تعطي إحساس طريق طويل مستمر

بأسلوب بصري جميل (2.5D stylized)

? عدد القطع المطلوبة

المطلوب تصميم 12 قطعة:

? مستقيمة:

1- طريق مستقيمة تبدأ من منتصف الطريق في الاسفل وتنتهي في منتصف الطريق في الاعلىC → C (أساسي)

2- طريق مستقيمةرقم 2 تبدأ من منتصف الطريق في الاسفل وتنتهي في منتصف الطريق في الاعلىC → C (تنويع 1)

تختلف عن الاولى فقط من حيث اختلاف المظهر بحيث يعطي بعض التنوع مع مراعاة الشروط المذكورة

3- طريق مستقيمةرقم 3 تبدأ من منتصف الطريق في الاسفل وتنتهي في منتصف الطريق في الاعلىC → C (تنوع 3)

4-طريق مستقيمةرقم 4 تبدأ من يسار الطريق في الاسفل وتنتهي في يسار الطريق في L → L

5-طريق مستقيمةرقم 5 تبدأ من يمين الطريق في الاسفل وينتهي في يمين الطريق في الاعلى R → R

? منحنيات:

6-طريق منحني رقم 6 تبدأ من منتصف الطريق في الاسفل وينتهي في يمين الطريق في الاعلى C → R

7-طريق منحني رقم 7 تبدأ من منتصف الطريق في الاسفل وينتهي في يسارالطريق في الاعلى C → L

8-طريق منحني رقم 8تبدأ من يمين الطريق في الاسفل وينتهي في منتصف الطريق في الاعلى R → C

R → C

9-طريق منحني رقم 9تبدأ من يسار الطريق في الاسفل وينتهي في منتصف الطريق في الاعلى

L → C

? تنويعات:

10-طريق منحني خفيف رقم 10 يبدأ من يمين الطريق في الاسفل وينتهي في يمين الطريق في الاعلى

R → R (منحني خفيف داخلي)

11-طريق منحني خفيف رقم 11يبدأ من يسار الطريق في الاسفل وينتهي في يسار الطريق في الاعلى

L → L (منحني خفيف داخلي)

12-طريق منحني خفيف رقم 12 يبدأ من منتصف الطريق في الاسفل وينتهي في منتصف الطريق في الاعلى

C → C (مميز/Decorated)

? نظام المسارات (مهم جدًا)

المسار له 3 مواقع فقط:

L = يسار

C = وسط

R = يمين

❗ كل قطعة تبدأ من أحدها وتنتهي بأحدها

? المقاسات

المقاس: 1080 × 1600

الاتجاه: عمودي

❗ لا يوجد Perspective هندسي (No narrowing)

✔ يسمح بـ:

- تظليل خفيف

- Texture

- Depth بسيط (2.5D)

? أهم شرط في المشروع (Critical)

مناطق الاتصال (Seamless Zones)

أعلى الصورة (Top 140px)

أسفل الصورة (Bottom 140px)

❗ يجب أن تكون:

نفس العرض تمامًا

نفس الشكل

بدون:

حجارة بارزة

أعشاب كبيرة

ظلال قوية

تفاصيل عشوائية

? هذه المناطق يجب أن تكون “نظيفة” لضمان الاتصال

?️ مواصفات الطريق

✔ الشكل

طريق ترابي (Dirt Road)

محاط بحجارة من الجانبين

✔ العرض

ثابت 100% من البداية للنهاية

لا يوجد تضييق (No narrowing)

✔ المركز

في المنتصف (أو L/R حسب القطعة)

? الأسلوب البصري

✔ نوع التصميم

2.5D Stylized (مثل ألعاب الموبايل)

ليس واقعي جدًا

ليس Flat بالكامل

✔ الإضاءة

إضاءة ناعمة

ثابتة في كل القطع

✔ الألوان

ترابية دافئة

متناسقة بين كل القطع

? العناصر الجانبية

✔ مسموح:

حجارة

عشب خفيف

نباتات صغيرة

❌ ممنوع:

عناصر كبيرة تدخل الطريق

عناصر في مناطق الاتصال

اختلاف كبير في الكثافة

? قاعدة ذهبية (مهمة جدًا)

❗ كل القطع يجب أن تبدو كأنها جزء من نفس الطريق

❗ وليس كل قطعة عالم مستقل

? المنحنيات (Curves)

✔ يجب أن تكون:

ناعمة جدًا (Smooth)

تبدأ بعد منطقة الاتصال

تنتهي قبل منطقة الاتصال

❌ ممنوع:

انحناء مفاجئ

انحناء يبدأ من الحافة مباشرة

? مواقع المسارات (ثابتة في جميع القطع):

عرض الصورة: 1080px

- المسار الأيسر (L): مركزه عند X = 360px

- المسار الأوسط (C): مركزه عند X = 540px

- المسار الأيمن (R): مركزه عند X = 720px

❗ يجب أن يكون مركز الطريق مطابق لهذه القيم في جميع القطع

? عرض الطريق:

- عرض الطريق = 420px

- ثابت 100% من الأعلى إلى الأسفل

- لا يسمح بأي تغيير في العرض

? حواف الطريق:

- نفس نوع الحجارة في جميع القطع

- نفس الحجم التقريبي

- نفس الكثافة

- نفس اللون

? اتصال الحواف:

- الحجارة على الحواف يجب أن تبدأ وتنتهي بشكل كامل (Full shape)

- يمنع قطع الحجر عند الحواف (No cut stones on edges)

- الهدف: ضمان اتصال بصري نظيف بين القطع

? Anti-Repetition:

- يجب أن تختلف التفاصيل الداخلية بين القطع

- مع الحفاظ على نفس الأسلوب العام

- الهدف: تقليل الإحساس بالتكرار عند الاستخدام المتكرر

? Safe Zone:

- منتصف الطريق (Center line) يجب أن يكون نظيف نسبيًا

- بدون عناصر بارزة

- لضمان حركة الشخصية بسلاسة مستقبلا

? منطقة الانحناء:

- يبدأ الانحناء بعد 150px من الأسفل

- ينتهي قبل 1450px من الأعلى

❗ يمنع وجود أي انحناء داخل مناطق الاتصال

❗ يمنع تغيير شكل الحواف بين القطع

? Seamless Requirement:

- أعلى الصورة يجب أن يطابق أسفل الصورة Pixel-perfect

- لا يوجد اختلاف لون أو إضاءة أو عرض

? سماكة حافة الطريق (Borders Width):

- عرض الحافة الحجرية لكل جانب = 40px إلى 60px

- يجب أن تكون ثابتة في جميع القطع

- لا يسمح بتغيير سماكة الحافة بين القطع

? نوع المنحنيات:

- يجب أن تكون المنحنيات باستخدام Bezier Smooth Curve

- انحناء تدريجي ناعم جدًا

- بدون أي زوايا حادة (No sharp angles)

? Grid Alignment:

- يجب تصميم القطع باستخدام Grid واضح

- Center line يجب أن يكون ثابت Pixel-perfect

- يمنع أي انحراف حتى لو 1px

? قابلية التكرار

القطع يجب أن:

تركب فوق بعضها بدون فراغ

لا يظهر خط فصل

لا يتغير العرض

? اختبار الجودة

✔ اختبار:

ضع 5 قطع فوق بعض

هل يظهر فاصل؟ → يجب لا ❌

هل الطريق يقفز يمين/يسار؟ → يجب لا ❌

? المطلوب تسليمه

12 صورة PNG

جودة عالية

خلفية:

شفافة

تسليم نسخة PSD أو AI تحتوي:

- الطريق

- الحواف

- العناصر الجانبية

كل طبقة منفصلة (Layers)

? مثال واضح

قطعة مستقيمة:

تبدأ وسط

تنتهي وسط

خط مستقيم

تفاصيل في المنتصف فقط

قطعة منحني:

تبدأ وسط

تنتهي يمين

انحناء تدريجي ناعم

? ملاحظة احترافية (سر مهم)

❗ لا تبالغ في التفاصيل

❗ الهدف هو التكرار وليس لوحة فنية واحد

***التناسق المطلوب

إذا انتهت القطعة بـ C

يمكن أن تأتي بعدها:

C → C

C → R

C → L

? إذا انتهت بـ R

يمكن أن تأتي بعدها:

R → R

R → C

? إذا انتهت بـ L

يمكن أن تأتي بعدها:

L → L

L → C

مرفق صور توضيحية للشرح ،يرجى مراجعة الشروط اعلاه