حسناً فعلت باختيارك كونستركت 2 ! ... دعنا نبدأ بصناعة أول لعبة إتش تي إم إل 5 خاصة بك ، سنصنع لعبة 'إطلاق النار على الأشباح' تجريبية ، جربها من هنا أولاً حتى تعرف ما الذي نهدف إليه ، مثل : جعل اللاعب ينظر بإتجاه مؤشر الماوس - التحريك بإستخدام مفاتيح الأسهم - إطلاق النار على الوحوش بالماوس ، سوف تتعلم كل شيء تحتاجه لصناعة لعبة بسيطة ، من الطبقات إلى نظام الأحداث .
ملحوظة : يرجى عدم طلب المساعدة في التعليقات على هذا الدرس ، بدلاً من ذلك اتجه مباشرة إلى المنتدى الخاص بنا للحصول على أفضل إجابة ممكنة لأي سؤال لديك .
دروس بديلة
هناك دليل بديل للمبتدئين How to make a platform game (غير مترجم إلى العربية) ، و هو يهدف إلى إنشاء لعبة جري و قفز بدلاً من لعبة إطلاق نار ، يمكنك أن تبدأ بأي درس منهما ، لكن ننصح بشدة بدراسة كلاهما لكي تحصل على فكرة جيدة عن كيفية صنع كلا النوعين من الألعاب .
و يوجد أيضاً How to make an Asteroids clone in under 100 events (غير مترجم إلى العربية) بواسطة Kyatric الذي يعتبر متقدم أكثر قليلاً ، لكنه أيضاً مفصل جداً .
تثبيت كونستركت 2
إذا لم تكن قد قمت بذلك بالفعل ، احصل على نسخة من آخر إصدار كونستركت 2 من هنا ، كونستركت 2 يعمل على ويندوز فقط ، لكن الألعاب التي تصنعها يمكن تشغيلها على أي جهاز ، مثل ماك أو لينوكس أو آي باد ، كونستركت 2 يمكن أيضاً تثبيته على حساب مستخدم ذو صلاحيات محدودة ، إنه أيضاً محمول ، لذلك يمكنك تثبيته على ذاكرة يو إس بي مثلاً ، و أخذه معك إلى أي مكان .
البدء في العمل
الآن و قد انتهيت من إعداد البرنامج ، قم بتشغيل كونستركت 2 ، اضغط زر File ، و قم باختيار New .
سترى مربع 'Select template or example' .
مربع Select template or example
هذا يعرض قائمة من الأمثلة و النماذج التي يمكن إستكشافها بنفسك في وقت فراغك ، أما الآن فما عليك إلا الضغط على 'Open' في الجزء السفلي من المربع لإنشاء مشروع جديد فارغ ، كونستركت 2 سيحتفظ لنا بكامل المشروع داخل ملف واحد .capx ، الآن من المفترض أنك ترى layout ( تخطيط ) فارغ ، و هو وضع التصميم الذي يمكنك إنشاء و وضع العناضر به ، يمكنك تصور التخطيط على أنه مستوى في اللعبة أو شاشة قائمة ، في بعض البرامج الأخرى يسمى room ( غرفة ) أو scene ( مشهد ) أو frame ( لقطة ) .
إدراج العناصر
خلفيـة اللعبة
(Tiled Background) اذا اردنا تكرار الخلفية عدة مرات من خلال
هذا العنصر يسمح لنا بالتكرار. اولاً اضغط على زر الماوز الأيمن واحفظها في جهاز الكمبيوتر
[3] كيفية ادراج الخلفية
الآن اضغط بزر الماوز مرتين في اي مساحة خالية لإدراج عنصر جديد. (واذا لم توجد مساحة فارغة في المخطط يمكنك الضغط على زر الماوز الأيمن واختيار ) insert new object( بمجرد الضغط على هذا الخيار سيظهر لك )Tiled Background) اضغط مرتين عليها وسيتم ادراج الخلفية
[4] عند ادراج عنصر جديد
عندما تضغط مرتين على العنصر الذي تريد ادراجه ستظهر علامة الجمع (+) تشير الى المكان الذي سيتم ادراج العنصر فيه.
اضغط على اي مكان بالقرب من منتصف المخطط وسيفتح لك محرر الرسوم حتى تستطيع ادراج الرسمة لهذا العنصر.
دعنا نقوم بإستيراد صورة للخلفية. اضغط على الايقونة التي على شكل ملف لرفع الخلفية من الجهاز .
[5] تحميل الخلفية من الجهاز
قم بإغلاق محرر الرسوم بالضغط على X بالأعلى جهة اليمين . وتأكد بانك قمت بعملية الحفظ ، الآن سوف ترى الخلفية على المخطط. دعنا نقوم بتعديل حجمها حتى تغطي كامل المخطط. تأكد انك قمت بتحديدها بعد ذلك ومن خلال Properties Bar في الشريط الموجود على جهة اليسار ستظهر كل الإعداد الخاصة بهذا العنصر ومن ضمنها حجمه ، اجعل الـ(position) هكذا 0,0 ( اعلى المخطط جهة اليسار) ، واجعل حجم الخلفية يساوي 1280,1024 (بحجم المخطط).
[6] إعدادات صورة الخلفية
الآن دعنا نقوم بإستعراض العمل ، قم بالضغط على زر CTRL مع سحب عجلة الماوز لأسفل لنقوم بتصغير المشهد ، يمكنك ايضاً التصغير من خلال الضغط على علامة (- ) عدة مرات. وللتحريك كن ضاغطاً على زر الـSpace او اضغط عجلة الماوز وحرك الماوز . عمل متقن أليس كذلك ؟ الآن يجب ان تغطي صورة الخلفية كل المخطط:
Hit control+0 or click view - zoom to 100% to return to 1:1 view.
(If you're impatient like me, click the little 'run' icon in the window title bar - a browser should pop up showing your tiled layout! Woo!)