الدرس العاشر في Game Maker: مثال تصميم لعبة بسيطة
الدرس الاول
الدرس الثاني
الدرس الثالث
الدرس الرابع
الدرس الخامس
الدرس السادس
الدرس السابع
الدرس الثامن
الدررس التاسع
Dedicated to the one who knows
الدرس العاشر
مثال تصميم لعبة بسيطة
لقد تعلمنا في الدروس السابقة كيفية التعامل مع نوافذ خصائص الموارد المختلفة، وفي هذا الدرس سنقوم بتصميم لعبة بسيطة لتطبيق ومراجعة المهارات التي اكتسبتها خلال الدروس السابقة، كما ان هذا الدرس سيكون مقدمة للتعرف على كيفية استخدام الاحداث Events والاكشن Actions والمتغيرات Variables، حيث سيتم تداولهم جميعا بالتفصيل في الدروس اللاحقة. لتصميم هذه اللعبة ستحتاج الى بعض الصور لاسبرايتات وخلفية اللعبة، اضافة الى بعض الاصوات، وستجدها جميعا في الملف lesson10_resourecs.zip والذي يمكنك تحميله من الملف المرفق. كما يحوي هذا الملف اللعبة التي سنصممها في هذا الدرس وهي جاهزة لكي تستطيع الاتطلاع عليها وتغيير ما شئت فيها.
فكرة اللعبة:
اللعبة بسيطة في فكرتها فهي تجري في غرفة واحدة، والهدف هو ايصال الكرة الخضراء والتي تمثل شخصية اللعبة الى الهدف دون ان تلامس الكرة الحمراء التي تمثل بدورها العدو في اللعبة. مع كل محاولة ناجحة سيتم اضافة عشرين نقطة الى رصيد اللاعب وستصبح اللعبة اكثر صعوبة. لن نحتاج الى اكثر من اربعة كائنات لتكوين مثل هذه اللعبة، حيث الكائن الاول عبارة عن كرة ستتحرك نحو الهدف بمجرد الضغط على المفتاح Space من لوحة المفاتيح، الكائن الثاني عبارة عن كرة اخرى تقوم بمنع الكائن الاول من الوصول الى الهدف، الكائن الثالث هو الهدف، اما الكائن الرابع والاخير فهو لمجرد التحكم في السلوك الحركي للكائن الثاني.
اضافة موارد الاسبرايتات:
نحتاج الى اربعة اسبرايتات لتمثيل الكائنات في اللعبة:
· تكوين مورد الاسبرايت الاول: هذا الاسبرايت سيمثل شكل شخصية اللعبة وهي عبارة عن كرة خضراء صغيرة، لاضافة الاسبرايت الاول قم بالضغط على الامر Add Sprite من القائمة Add، وستظهر امامك نافذة خصائص الاسبرايت، غير اسم الاسبرايت الى sprPlayer، ثم اضغط على الزر Load Sprite واختر الملف Player.gif. واخيرا اضغط على الزر OK.
· تكوين مورد الاسبرايت الثاني: هذا الاسبرايت سيمثل شكل العدو في اللعبة وهو عبارة عن كرة حمراء صغيرة، لاضافة الاسبرايت الثاني قم بالضغط على الامر Add Sprite من القائمة Add، وستظهر امامك نافذة خصائص الاسبرايت، غير اسم الاسبرايت الى sprEnemy، ثم اضغط على الزر Load Sprite واختر الملف Enemy.gif. واخيرا اضغط على الزر OK.
· تكوين مورد الاسبرايت الثالث: هذا الاسبرايت سيمثل الهدف الذي يجب الوصول اليه وهو عبارة عن شكل بيضاوي طويل اصفر اللون، لاضافة الاسبرايت الثالث قم بالضغط على الامر Add Sprite من القائمة Add، وستظهر امامك نافذة خصائص الاسبرايت، غير اسم الاسبرايت الى sprTarget، ثم اضغط على الزر Load Sprite واختر الملف Target.gif. واخيرا اضغط على الزر OK.
· تكوين مورد الاسبرايت الرابع: هذا الاسبرايت ليس الا مجرد نقاط للتحكم بالسلوك الحركي للكائن الثاني –العدو– ولا يهم كثيرا كيف سيكون شكله، لاضافة الاسبرايت الرابع قم بالضغط على الامر Add Sprite من القائمة Add، وستظهر امامك نافذة خصائص الاسبرايت، غير اسم الاسبرايت الى sprEnemyController، ثم اضغط على الزر Load Sprite واختر الملف EnemyController.gif، وقم بتعطيل الخاصية Transparent. واخيرا اضغط على الزر OK.
اضافة موارد الاصوات:
لجعل اللعبة اكثر اغراء وجاذبية سنضيف اربعة اصوات اليها:
· تكوين مورد الصوت الاول: هذا الصوت سيكون بمثابة موسيقا اللعبة حيث سيستمع اللاعب اليه اثناء ممارسته اللعبة، لاضافة الصوت الاول قم بالضغط على الامر Add Sound من القائمة Add، وستظهر امامك نافذة خصائص الصوت، غير اسم الصوت الى sndGame، ثم اضغط على الزر Load Sound واختر الملف Game.mid، واخيرا اضغط على الزر OK.
· تكوين مورد الصوت الثاني:سيسمع اللاعب هذا الصوت بمجرد الضغط على المفتاح Space من لوحة المفاتيح لجعل الكرة تنطلق، لاضافة الصوت الثاني قم بالضغط على الامر Add Sound من القائمة Add، وستظهر امامك نافذة خصائص الصوت، غير اسم الصوت الى sndGo، ثم اضغط على الزر Load Sound واختر الملف Go.wav، واخيرا اضغط على الزر OK.
· تكوين مورد الصوت الثالث: اذا ارتطمت الكرة الخضراء بالحمراء فسيصدر هذا الصوت، لاضافة الصوت الثالث قم بالضغط على الامر Add Sound من القائمة Add، وستظهر امامك نافذة خصائص الصوت، غير اسم الصوت الى sndNo، ثم اضغط على الزر Load Sound واختر الملف No.wav، واخيرا اضغط على الزر OK.
· تكوين مورد الصوت الرابع: في حالة نجاح اللاعب في ايصال الكرة الى الهدف سيسمع هذا الصوت، لاضافة الصوت الرابع قم بالضغط على الامر Add Sound من القائمة Add، وستظهر امامك نافذة خصائص الصوت، غير اسم الصوت الى sndYes، ثم اضغط على الزر Load Sound واختر الملف Yes.wav، واخيرا اضغط على الزر OK.
اضافة مورد الخلفية:
ان اضافة خلفية الى اللعبة سيجعل مظهر اللعبة اكثر جمالا؛ لاضافة مورد الخلفية قم بالضغط على الامر Add Background من القائمة Add، وستظهر امامك نافذة خصائص الخلفية، غير اسم الخلفية الى bagGame، ثم اضغط على الزر Load Background، واختر الملف Background.jpg، واخيرا اضغط على الزر OK.
اضافة موراد الكائنات:
كما ذكرنا من قبل لن نحتاج الى اكثر من اربعة كائنات لتكوين اللعبة:
· تكوين مورد الكائن الاول: هذا الكائن سيمثل الشخصية التي سيتحكم بها اللاعب، لاضافة الكائن الاول قم بالضغط على الامر Add Object من القائمة Add، وستظهر امامك نافذة خصائص الكائن، غير اسم الكائن الى objPlayer، ثم انقر بالفارة على المستطيل الابيض الذي يحوي اسم الاسبرايت او الزر الازرق الصغير، فتظهر قائمة تحوي جميع الاسبرايتات التي قمت باضافتها الى اللعبة مسبقا، اختر من هذه القائمة الاسبرايت sprPlayer. واخيرا اضغط على الزر OK.
· تكوين مورد الكائن الثاني: هذا الكائن سيمثل العدو في اللعبة، لاضافة الكائن الثاني قم بالضغط على الامر Add Object من القائمة Add، وستظهر امامك نافذة خصائص الكائن، غير اسم الكائن الى objEnemy، ثم انقر بالفارة على المستطيل الابيض الذي يحوي اسم الاسبرايت او الزر الازرق الصغير، فتظهر قائمة تحوي جميع الاسبرايتات التي قمت باضافتها الى اللعبة مسبقا، اختر من هذه القائمة الاسبرايت sprEnemy. واخيرا اضغط على الزر OK.
· تكوين مورد الكائن الثالث: هذا الكائن سيمثل الهدف الذي يجب ايصال الشخصية اليه، لاضافة الكائن الثالث قم بالضغط على الامر Add Object من القائمة Add، وستظهر امامك نافذة خصائص الكائن، غير اسم الكائن الى objTarget، ثم انقر بالفارة على المستطيل الابيض الذي يحوي اسم الاسبرايت او الزر الازرق الصغير، فتظهر قائمة تحوي جميع الاسبرايتات التي قمت باضافتها الى اللعبة مسبقا، اختر من هذه القائمة الاسبرايت sprTarget. واخيرا اضغط على الزر OK.
· تكوين مورد الكائن الرابع: هذا الكائن سيقوم بدور التحكم في السلوك الحركي للكائن الثاني وهو العدو، لاضافة الكائن الرابع قم بالضغط على الامر Add Object من القائمة Add، وستظهر امامك نافذة خصائص الكائن، غير اسم الكائن الى objEnemyController، ثم انقر بالفارة على المستطيل الابيض الذي يحوي اسم الاسبرايت او الزر الازرق الصغير، فتظهر قائمة تحوي جميع الاسبرايتات التي قمت باضافتها الى اللعبة مسبقا، اختر من هذه القائمة الاسبرايت sprEnemyController، وقم بتعطيل الخاصية Visible لاننا لن نحتاج ان يظهر شكل هذا الكائن اثناء تشغيل اللعبة كونه ليس الا نقاط للتحكم. واخيرا اضغط على الزر OK.
اضافة مورد الغرفة:
كما ذكرت سابقا لسنا بحاجة الى اكثر من غرفة واحدة لتصميم لعبتنا هذه؛ لاضافة مورد الغرفة قم بالضغط على الامر Add Room من القائمة Add، وستظهر امامك نافذة خصائص الغرفة. انقر على settings، وغير اسم الغرفة الى Game، ثم ضع في كل من الخانتين Width و Height القيمة 416، اما الخانتين SnapX وSnapY فضع في كل من هما القيمة 32. انتقل الى القسم object، واختر الكائن objTarget من القائمة التي تظهر عند الضغط على المستطيل الابيض او الزر الازرق الصغير، ثم انقر على المكان المناسب في الغرفة لاضافته، وبنفس الطريقة اضف الكائنات الاخرى الى الغرفة حتى تبدو الغرفة كما في الشكل 10-1:
الشكل 10-1: موضع الكائنات في الغرفة
والان انتقل الى القسم background من نافذة خصائص الغرفة، وانقر على المستطيل الابيض او الزر الازرق الصغير لتظهر قائمة، اختر منها الخلفية bagGame، ثم قم بتعطيل الخيار Draw background color. واخيرا انقر على الزر OK للخروج من نافذة خصائص الغرفة وحفظ التغييرات التي اجريتها.
اضافة الاحداث والاكشن الى الكائنات:
في الخطوات السابقة قمنا باضافة الموارد الى اللعبة ووضع الكائنات في الغرفة، لكن هذه الموارد ليست لها دورا ما لم نضف اليها ما يسمى بالاحداث Events والاكشن Actions. وللتاكد من ذلك قم بتشغيل اللعبة باختيار الامر Run normally من القائمة Run او بالضغط على المفتاح F5 من لوحة المفاتيح. تلاحظ ان اللعبة اشبه بكوكب من دون حياة، فالكائنات ميتة لا تتحرك. من الناحية الفلسفية لا يعتبر ما قمت بتصميمه حتى الان لعبة بل هو مجرد صورة. حيث ان العاب الفيديو تتميز بتفاعل اللاعب مع اللعبة لتحقيق الهدف، ولا يمكن التفاعل مع الصورة. هنا ياتي دور الاحداث والاكشن، حيث سيحددان سلوك الكائنات التي قمت باضافتها. يعتبر اضافة الاحداث والاكشن المناسبة من اصعب الامور التي تواجه مستخدمي البرنامج رغم ان العملية ليست الا طريقة ابتكرها Mark Overmars مصمم البرنامج للتخلي عن استخدام الاكواد التي يكرها الكثير من الاشخاص خاصة المبتدئين. للنجاح في التعامل مع الاحداث والاكشن يجب ان تفكر بطريقة منطقية، وحينها سيصبح الامر بالنسبة اليك ممتعا للغاية. لاضافة حدث ما افتح نافذة خصائص الكائن الذي تريد ثم اضغط على الزر Add Event وستظهر قائمة اختيار الاحداث وتحوي مجموعة الاحداث التي يمكنك اضافتها، كما في الشكل 10-2:
الشكل 10-2: قائمة اختيار الحدث Event Selector
انقر على الحدث الذي تريد وسيضيفه البرنامج الى القسم Event في النافذة. بعض من هذه الاحداث تتالف من عدد من الاحداث الفرعية، مثل الحدث Key Press، عند الضغط عليه تظهر قائمة تحوي جميع الاحداث التي يتالف منها هذا الحدث. بالنسبة للاكشن فلا يمكن اضافته الا بعد اضافة حدث واحد على الاقل حيث ان الاكشن يقع في الاحداث. فعند حصول الحدث يحصل الاكشن الواقع تحت ذلك الحدث. الاكشن موجود في سبعة مكتبات مختلفة تجدها في الجزء الايمن من نافذة خصائص الكائن، كما هو موضح في الشكل 10-3:
الشكل 10-3: مكتبات الاكشن
وكل مكتبة منها تحوي عددا من الاكشن. لاضافة اكشن ما اضغط عليه واسحبه الى القسم Actions من النافذة ثم اترك زر الفارة. ستظهر امامك نافذة تستطيع من خلالها تغيير اعدادت الاكشن الذي اضفته، ويمكن فتح هذه النافذة في اي وقت اردت عن طريق النقر المزدوج على الاكشن الذي تريد تغيير اعدادته. لاحظ ان الاكشن الذي اضفته سيلحق بالحدث المختار، لاختيار الحدث الذي تريد اضافة الاكشن اليه انقر عليه مرة تحت القسم Events من النافذة. الشكل 10-4 يوضح حدثا مختارا ومجموعة الاكشن التابعة اليه:
الشكل 10-4: يوضح حدثا مختارا ومجموعة الاكشن الملحقة به
والان وقد اصبحت لديك فكرة ولو بسيطة حول الاحداث والاكشن وكيفية اضافتهما، سنقوم معا باضافتهما الى كائنات لعبتنا.
· اضافة الاحداث والاكشن الى الكائن objPlayer: في البداية نريد ان يتحرك الكائن نحو الهدف بمجرد ان يضغط اللاعب على المفتاح Space من لوحة المفاتيح، لذا نضيف الحدث press <Space> والذي ستجده في القائمة التي ستظهر عند الضغط على الحدث Key Press من قائمة اختيار الاحداث. والان نضغط على المكتبة move ونضيف الاكشن Set the horizontal speed -يمكنك التعرف على اسم الاكشن بوضع مؤشر الفارة عليه لفترة فيظهر اسم الاكشن– ستظهر امامك نافذة قم بوضع القيمة -8 امام الخانة hor. speed. ثم انقر على الزر OK. هذا الاكشن يحدد السرعة الافقية للكائن، ووضعنا قيمة سالبة لاننا نريد جعل الكائن يتحرك من اليمين الى اليسار. اسال نفسك الان ما هي الامور الاخرى التي تريد ان تحصل عندما يضغط اللاعب على المفتاح Space. طبعا تريد ان تسمع صوتا ما وهذا الصوت هو sndGo الذي قمت باضافته. لنجعل هذا الصوت يعمل عند الضغط على المفتاح Space نضيف الاكشن Play a sound والذي ستجده ضمن المكتبة main1، وفي النافذة التي ستظهر اضغط على الزر الازرق الصغير امام الخانة sound واختر من القائمة التي ستظهر الصوت sndGo، ثم اضغط على الزر OK. بذلك انتهينا من هذا الحدث فلننتقل الى حدث اخر وهو ما سيحصل عند اصطدام هذا الكائن بالكائن objEnemy. نضيف الحدث Collision ونختار من القائمة objEnemy. بعد اضافته تاكد من اختياره بالضغط عليه في القسم Events. ومجددا اسال نفسك ماذا تريد ان يحصل عندما تصطدم الكرة الخضراء –الشخصية– بالكرة الخضراء –العدو-. اولا تريد ان يعمل الصوت sndNo اضفه بنفس الطريقة التي اضفت الصوت sndGo. وكذلك تريد ان تبدا اللعبة من جديد ولفعل ذلك اضف الحدث Restart the game الذي ستجده ضمن المكتبة main2. والان نريد حدثا اخرا وهو حدث الاصطدام مع الكائن objTarget اضف الحدث واختره، ثم اضف الاكشن لتشغيل الصوت sndYes عند حصول الحدث. كذلك نريد اضافة 20 نقطة لرصيد اللاعب، لذا نضيف الاكشن Set the score الذي ستجده ضمن المكتبة score، ومن النافذة الظاهرة ضع القيمة 20 في الخانة new score وقم بتشغيل الخيار Relative، حيث تعمل هذه الخاصية على اضافة القيمة 20 الى الرصيد الحالي بدلا من جعله 20، فمثلا ان كان رصيد اللاعب هو 40 سيصبح رصيده 60 اما اذا عطلت هذا الخيار فان رصيد اللاعب سيصبح 20 في جميع الاحوال بغض النظر عن الرصيد الحالي له. نريد ايضا ان نجعل الكرة ترجع الى موقعها الاولي حيث وضعتها في الغرفة ولفعل ذلك نستخدم الحدث Jump to the start position الموجود ضمن المكتبة move، اضغط على الزر OK عند ظهور النافذة. لاحظ ان السرعة الافقية للكائن مازالت -8 رغم انها رجعت الى موقعها الاولي، لذا يجب علينا ارجاعها الى القيمة 0 والا ظلت الكرة متحركة حتى اذا لم يضغط اللاعب على المفتاح Space. قم بفعل ذلك كما تعلمت سابقا باستخدام الاكشن Set the horizontal speed.
· اضافة الاحداث والاكشن الى الكائن objEnemy: نريد لهذا الكائن ان يتحرك راسيا من الاعلى الى الاسفل وبالعكس، لفعل ذلك نضيف الحدث Create اليه، ونضيف الاكشن Set the vertical speed الموجود ضمن المكتبة move، من النافذة الظاهرة ضع القيمة 8 في الخانة vert. speed. ولكن بهذه الطريقة سيتحرك الكائن نحو الاسفل دوت توقف، ولحل هذه المشكلة لدينا الكائن objEnemyController حيث بمجرد اصطدام الكائن objEnemy به سيعكس الاتجاه الراسي لهذا الكائن، لفعل ذلك نضيف حدث الاصطدام بالكائن objEnemyController ونلحق بهذا الحدث الاكشن Reverse vertical speed الذي يوجد ضمن المكتبة move. اضغط على الزر OK عند ظهور النافذة.
اصبحت اللعبة الان شبه جاهزة، اضغط على المفتاح F5 لترى ما قمت بانجازه حتى الان. تبدو اللعبة مملة بعض الشي لان مستوى الصعوبة فيها لا تتغير وتبقى على حالها، كذلك لا توجد موسيقا، سنعمل الان على حل هاتين المشكلتين، طبعا نريد للموسيقا ان تعمل بمجرد ان تبدأ اللعبة، لذا سنضيف الحدث Game Start الى احدى كائنات الغرفة وليكن الكائن objPlayer، تجد هذا الحدث ضمن مجموعة الاحداث Other، بعد اضافته نلحق به الاكشن Play a sound، ثم نختار الصوت sndGame وكذلك نجعل الموسيقا متكررة اي انها ستبدا من جديد عند انتهائها وذلك عن طريق اختيار true في الخانة loop. لقد انتيهنا من مشكلة الموسيقا وبقي علينا حل مشكلة عدم زيادة مستوى الصعوبة في اللعبة، يمكن ان نحل المشكلة بزيادة سرعة الكائن objEnemy بعد كل محاولة ناجحة في اصابة الهدف، ولفعل ذلك نضيف للكائن objPlayer الاكشن Set the value of a variable في حدث الاصطدام مع الكائن objTarget، ومن النافذة الظاهرة نعين المتغير الذي نريد تغيير قيمته في الخانة variable وذلك بوضع اسمه، طالما اننا نريد زيادة سرعة الكائن فالمتغير speed هو المناسب، لكن هذا لا يكفي لان لكل كائن من كائنات اللعبة هذا المتغير، لذلك علينا تحديد الكائن الذي نريد تغيير سرعته ويمكن فعل ذلك بكتابة اسم الكائن قبل المتغير ووضع نقطة بينهما، اي عليك كتابة objEnemy.speed في الخانة variable. اما الخانة value فهو مخصص لوضع قيمة المتغير وليكن 1، لا تنس ان تشغل الخيار Relative قبل الضغط علىالزر OK. اصبحت اللعبة الان جاهزة، لتكوين ملف ذاتي التشغيل للعبة بحيث يستطيع من ليس لديه Game Maker تشغيله اختر الامر Create Executable من القائمة File.
-قم بتعديل ملف اللعبة المرفق بحيث تزيد من سرعة الكائن objPalyer الى 10 و تقل سرعة الكائن objEnemy الى 6، وتضيف الى رصيد اللاعب 40 نقطة بعد كل محاولة ناجحة بدلا من 20 نقطة.
ملاحظة لن يتم الانتقال الى الدرس الحادي عشر قبل القيام بالمطلوب وارفاقه.
Re: الدرس العاشر في Game Maker: مثال تصميم لعبة بسيطة
