top of page
(طريقة تصميم المرحلة (البلاطات

سنشرح في هذا الدرس أسهل طريقة لتصميم المرحلة بإستعمال ملفات 2d المتوفرة لدينا ولفعل ذلك علينا أولا بإحضار الملف oak_woods_tileset من المجلد oak_woods_v1.0 إلى داخل الأنريل5 في مجلد decoration

image.png
image.png

1- صفحة التصادم(tilesmap)

عندما نفتح الملف فسنجد أنه ليس سوى صورة png, لذلك فعلينا تحويلها إلى ما يدعى ب tileset ويمكننا فعل ذلك عن طريق الضغط بالفارة اليسار على الملف, ثم sprite actions, ثم create tileset
tileset: هي خاصية البلاط التي تمكننا من اختيار اي من العناصر التي يمكن أن تتصادم مع أي شئ(collision)
سنقوم بشرحه بشكل أفضل عند فتحنا لملف tileset

 

image.png

سنجد عند تحديدنا لأي بلاط بأن حجم المربع لا يتناسب مع حجم البلاط

image.png

لذلك فعلينا تغيير حجم مربع البلاط إلى الحجم الذي يجعله متناسبا مع جميع البلاطات. ولكن كيف لنا أن نعرف حجم مربعات البلاطات المناسب؟ يمكننا ببساطة العودة والنظر إلى ملفات التحميل

image.png

الحجم المناسب هو 24|24

image.png

علينا الآن ان نحدد على البلاط الذي نريد للشخصية أن تمشي فوقه أو تتصادم معه ويمكننا فعل ذلك ببساطة:
1-علينا أن نحدد على البلاط الذي نريد أن نجعل له خاصية التصادم
وبالنسبة لي فسأختار كما في الصورة وأنت لديك حرية الإختبار 

image.png

ملحوظة: لا يمكنك التحديد على العديد من البلاطات وتفعيل خاصية التصادم لهم جميعا بنفس الوقت, فعليك تحديد كل بلاطة على حدة  

image.png

عند تحديدك للبلاطة عليك بالضغط على add box لتفعيل خاصية التصادم ثم يمكنك الضغط على colliding tiles حتى يتسنى لك رؤية جميع البلاطات التي قمت بتحديدها وقم بالحفظ

image.png

عند تحديدك للبلاطة عليك بالضغط على add box لتفعيل خاصية التصادم ثم يمكنك الضغط على colliding tiles حتى يتسنى لك رؤية جميع البلاطات التي قمت بتحديدها وقم بالحفظ

2- صفحة الرسم(tilesmap)

بعدما أنتهينا من خطوة tileset علينا الآن بالإنتقال لوضعية تدعى ب tilemap
tilemap: هي عبارة عن أستعمال جميع البلاطات ورسمها في العالم

علينا بالضغط بالفارة اليسار على tileset ثم الضغط على create tilemap في أعلى القائمة ونسميه oakwoodsTilemap

image.png

عند فتحنا للملف فسنجد أنه مشابهاً لبرنامج الرسم ولكن لا يمكننا سوى رسم البلاطات(tileset) التي قمنا بإنشائها

image.png

paint: رسم البلاطة المحددة في العالم
erase: مسح البلاطة
paint: رسم البلاطات المحددة في الصفحة كاملة

image.png

في  قائمة setup سنستطيع التعديل في حجم صفحة رسم البلاطات و حجم مربع كل بلاطة يمكننا إستدعائها

image.png

لنقم بالتعديل على حجم الصفحة ونجعلها 15| 15

image.png

قم بالتعديل على الصفحة ووضع البلاطات في الجوانب والأعلى 

image.png

في الأسفل علينا أن نضع فقط البلاطات التي بها خاصية التصادم حتى يتسنى للشخصية المشي عليها

image.png

بعد إنتهائنا نضغط حفظ ثم نقوم بإستدعاء tilemap داخل العالم

image.png

نضع playerstart حتى تبدأ الشخصية بداخل المرحلة المرسومة

image.png

سنجد عن بدأ اللعب أن الشخصية تتداخل مع البلاطات التي على الجوانب والأعلى لذلك
فمهمتك أن تفعل خاصية التصادم لتلك البلاطات وأن تحعل حجم الصفحة أكبر

image.png

ملحوظة: عند إنتهائك من التعديل في صفحة tileset قم بالضغط على refresh maps حتى تتحدث التغييرات

image.png

قم بالتعديل على مسافة الكاميرا عن طريق جعلها من الاعب حتى يمكنك رؤية العالم بشكل أفضل
قم بتغيير مسافة الكاميرا من خلال spring arm وليس camera
لأن spring arm ملتصق بالشخصية

image.png

3-تغيير وضعية الكاميرا(orthographic)

image.png
image.png

عند التحرك جهة اليمين فستكون الكاميرا بالوضع الصحيح ولكن عندما نتحرك يساراً فستقترب الكامير إلى الشخصية ويمكننا فعل ذلك من خلال تغيير وضع الكاميرا إلى orthographic وزيادة قيمة العرض الكاميرا لجعلها أبعد

image.png

لا تنسوا الضغط على compile في كل تغيير 

image.png
image.png
image.png

شكراً لحسن قرائتكم

bottom of page