اذهب إلى المحتوى

إنشاء لعبة البحث عن الحشرات باستخدام برنامج سكراتش


أروى عفان

سننشئ في هذا المشروع لعبةً بمستويات متعددة نبحث فيها عن حشرة في كل مستوى. ستحتوي اللعبة على خلفيات لشاشتي "البداية" و"النهاية"، ومؤقت لإظهار مدى سرعة اللاعب في العثور على الحشرات.

سنعمل في هذا المشروع على:

  • إنشاء مراحل مختلفة باستخدام كتلة "المظهر التالي" وكتلة "عندما تتبدل الخلفية إلى".
  • تشغيل الكتل البرمجية باستمرار باستخدام كتلة "كرر باستمرار".
  • استخدام مؤقت لإظهار مدى سرعة اللاعب في العثور على الحشرات

وسنحصل على النتيجة التالية: اضغط على الحشرة لتبدأ اللعب وحاول إيجاد الحشرات بأسرع ما يمكن.

كما سيمكنك لاحقًا إضافة مراحل أخرى بالصعوبة التي تختارها.

اقتباس

معلومة: يلعب أكثر من 2.5 مليار شخص ألعاب الفيديو سنويًا. هل تساءلت يومًا ما عدد الأشخاص المشاركين في إنشاء هذه الألعاب؟ وهل سألت نفسك عما إذا كنت ترغب في تصميم الألعاب للآخرين؟ أم إنشاءها أم اختبارها؟

شاشة البداية

ستبدأ لعبتك بشاشة بداية ينقر فيها اللاعب على الحشرة لتشغيل المرحلة الأولى:

start-screen.png

  • أولًا، افتح نسخة سطح المكتب من برنامج سكراتش، أو نسخة المتصفح
  • ثانيًا، اضغط على رمز اختيار خلفية الموجود أسفل الزاوية اليسرى، ثم اختر خلفية السبورة Chalkboard من تصنيف داخلي.

backdrop-button.png

IndoorsBackdrops.PNG

  • ثالثًا، اضغط على نافذة المنصة. لاحظ أن للمنصة نافذة تعرض فيها الخلفيات بدلًا عن نافذة المظاهر.

Stage.PNG

  • رابعًا، اضغط على نافذة الخلفيات لفتح محرر الرسوم.

StagePaintEditor.png

  • خامسًا، حدد الخلفية Backdrop1 واحذفها لأننا لن نحتاجها في مشروعنا.

DeleteBackdrop.PNG

لاحظ تحديد خلفية السبورة بعد الحذف.

  • سادسًا، انقر على خيار تحويل إلى متجه لإضافة نص وتحريكه.

Vector.PNG

  • سابعًا، اكتب العبارة التالية على السبورة : "ابحث عن الحشرة" باستخدام أداة النص:

TextonChalkboard.png

استخدم نوع الخط واللون الذي تفضله، ثم عدل موضع الخط باستخدام أداة التحديد (السهم) وغَيّر حجم النص عبر سحب زاوية مربع النص.

  • ثامنًا، سمي الخلفية "شاشة البداية". يُنصح باستخدام أسماء واضحة ومتعلقة بالمشروع، لتسهيل فهم عمل المشروع عند العودة إليه.

StartBackdrop.PNG

  • تاسعًا، احذف كائن القطة، ثم انقر على أيقونة اختيار كائن، واكتب bug في مربع البحث واختر حشرة لاستخدامها في لعبتك. كما يمكنك تسمية مشروعك باسم مناسب للحشرة التي اخترتها، مثل "البحث عن الخنفساء".

sprite-button.png

Bugs.PNG

يسمى الخطأ في البرامج الحاسوبية bug ويعني حشرة باللغة العربية، كما يُطلق على عملية البحث عن الأخطاء وإزالتها بتصحيح الأخطاء أو debugging باللغة الانجليزية. جاءت التسمية عندما وجد فريق مهندسة البرمجيات المشهورة، جريس هوبر، حشرة عث في حاسوبهم ميكانيكي الأجزاء (كانت الحواسيب ميكانيكية قبل أن تتحول إلى إلكترونية) وسجلو ذلك بملاحظة لطيفة كان محتواها "عثرنا على أول حشرة حقيقية سببت أول خطأ فعلي".

المرحلة الأولى

سنضيف في هذه الخطوة خلفية للمرحلة الأولى في لعبتنا لنخبئ فيها الحشرة.

first-level.png

  • أولًا، اختر خلفية أضواء المسرح Spotlight من تصنيف موسيقى.

backdrop-button.png

  • ثانيًا، انقر على كائن الحشرة لاضافة الكتل التالية لتغيير حجم الكائن عند تغيير الخلفية:

Block1.PNG

  • ثالثًا، اسحب كائن الحشرة إلى مخبأه، ثم أضف الكتلة التالية:

Block2.PNG

تبدأ لعبتنا عندما تضغط على الحشرة في شاشة البداية، وستنتقل من شاشة خلفية إلى أخرى عندما تجد الحشرة بنجاح.

  • رابعًا، أضف كتلة لتشغيل صوت وتغيير الخلفية عند الضغط على الكائن:

Block3.PNG

لاحظ أن كتلة الخلفية التالية تنقلك بين الخلفيات وفق الترتيب في نافذة الخلفيات.

  • خامسًا، انقر على نافذة المنصة وأضف الكتلة التالية ليبدأ المشروع عند شاشة البداية:

Block4.PNG

انقر على العلم الأخضر لتختبر المشروع، ولاحظ أن الخنفساء ستختبئ في شاشة البداية في كرة الأضواء، كما في المرحلة الأولى.

  • سادسًا، انقر على كائن الحشرة واضف الكتل التالية لتغيير حجم الكائن عندما تتغير الخلفية إلى خلفية البداية:

Block5.PNG

  • سابعًا، ضع الحشرة في مخبئها في شاشة البداية، ولاحظ أنه عند الضغط على الحشرة ستتفعل الكتل البرمجية وستنتقل الخلفية إلى الخلفية التالية، يجب علينا إيجاد حل لذلك
  • ثامنًا، انقر على العلم الأخضر لتنتقل إلى شاشة البداية، ثم انقر على كائن الحشرة واسحب الكتل التي تلي كتلة "عند النقر على الكائن" بعيدًا عنها، كما يلي:

Block6.PNG

  • تاسعًا، ضع الحشرة على السبورة، تحت عبارة "ابحث عن الحشرة":

Text.PNG

  • عاشرًا، أضف الكتل التالية لكي تتوضع الحشرة دائمًا على السبورة عند الانتقال إلى خلفية البداية:

Block7.PNG

  • أخيرًا، اعد جمع الكتل تحت كتلة "عند النقر على الكائن" كما يلي:

Block3.PNG

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

إضافة ببغاء

سنضيف الآن ببغاءً على اللعبة ليكون بمثابة عنصر إلهاء للاعبين وليزيد من صعوبة اللعبة.

parrot-distraction.png

  • أولًا، أضف كائن الببغاء.

sprite-button.png

استخدمنا سابقًا كتلة التكرار في مشروع الحافلة، سنستخدم في مشروعنا الحالي كتلة تكرار مستمرة لجعل الببغاء يطير بلا توقف مشكلًا مصدر إزعاج للاعبين في بحثهم عن الحشرة.

  • ثانيًا، أضف الكتل التالية ليرفرف الببغاء بجناحيه بلا توقف:

Block8.PNG

  • ثالثًا، انقر على العلم الأخضر واختبر عمل مشروعك. هل تتذكر أين خبأت الحشرة؟

لاحظ أنه في برنامج سكراتش تُحَدد الكتل الجاري تشغيلها بإطار أصفر، كالتالي:

HighlitedCodeBlocks.PNG

لا تنسى إيقاف تشغيل المشروع أثناء عملك عليك بالنقر على زر التوقف الأحمر أعلى المنصة، في حال انزعجت من حركة الببغاء.

المرحلة الثانية

سنختار في هذه الخطوة خلفيةً للمرحلة الثانية بحيث تزيد صعوبة اللعبة.

second-level.png

  • أولًا، اختر الخلفية التي تراها مناسبة. اخترنا الخلفية التالية باسم 'Urban' بسبب تناسق ألوانها مع ألوان الخنفساء التي اخترناها:

insert-urban-backdrop.png

احرص على اختيار خلفيات فيها تفاصيل عديدة وألوان مشابهة لألوان الحشرة التي اخترتها ليصعب إيجادها.

  • ثانيًا، اسحب الكتل التي تلي كتلة عند النقر على الكائن بعيدًا عنها كي تتمكن من وضع الخنفساء في مخبأها:

Block6.PNG

  • ثالثًا، صَغّر حجم الخنفساء ليصعب العثور عليها، وذلك بإضافة كتلة تعديل الحجم التالية:

Block9.PNG

شغل المشروع لتشاهد النتيجة.

  • رابعًا، ضع الخنفساء في مخبأ مناسب.

hidden-urban-backdrop.png

  • خامسًا، أضف كتلة اذهب إلى الموضع، وذلك لتعيين إحداثيات الحشرة:

Block10.PNG

  • سادسًا، أعد جمع الكتل مع بعضها، بحيث ننتقل إلى الخلفية التالية عند النقر على كائن الحشرة، ثم انقر على العلم الأخضر لاختبار المشروع.
  • سابعًا، أضف الكتلة التالية حتى تبقى الخنفساء خلف الببغاء دائما، حتى عند تغييرنا لموضعها:

Block11.PNG

شاشة النهاية

سنضيف شاشة نهاية فيها عداد يظهر لنا عدد الثواني التي استغرقها اللاعب لإيجاد الخنفساء. وذلك لأن بعض اللاعبين يجدون لذة في معرفة كيف أبلو مقارنةً مع أنفسهم، أو مع اللاعبين الآخرين، إضافةً إلى لذة الربح. فكر في ألعاب تتيح للاعب قياس تقدم أدائه.

end-screen.png

  • أولًا، أضف خلفية السبورة Chalkboard من تصنيف داخلي، ولاحظ أنه في برنامج سكراتش يمكننا إضافة الخلفية نفسها عدة مرات!

Backdrops.PNG

  • ثانيًا، انقر على نافذة الخلفيات لفتح محرر الرسوم، ثم غير اسم الخلفية إلى "شاشة النهاية" أو أي اسم معبر بحيث يسهُل عليك فهم المشروع عند العودة إليه:

EndBackdrop.PNG

  • ثالثًا، انقر على كائن الحشرة وأضف الكتل التالية لوضع الحشرة على شاشة النهاية:

Block12.PNG

  • رابعًا، سنضيف مؤقتًا من كتل الاستشعار، وذلك لإظهار الوقت الذي استغرقه اللاعب في إيجاد الحشرة:

Block13.PNG

اسحب كتلة المؤقت داخل كتلة قُل، لتبدو الخنفساء وكأنها تخبر اللاعب بالوقت المستغرق!

  • خامسًا، انقر على العلم الأخضر واختبر كم تستغرق من الوقت لإيجاد الخنفساء.
  • سادسًا، سنضيف الكتل التالية مع كتلة "قُل" لكن بدون رسالة ترحيب وذلك لإخفاء المؤقت عند الانتقال إلى شاشة البداية:

Block14.PNG

  • سابعًا، سنضيف كتلة تصفير للمؤقت عند الانتقال إلى المرحلة الأولى، وذلك لأنه بدونها، سيستمر المؤقت بحساب الثواني عند اللعب مرةً أخرى.

Block15.PNG

  • ثامنًا، انقر على العلم الأخضر واختبر اللعبة. اختبر هل يُعاد ضبط المؤقت عند النقر على الخنفساء في شاشة البداية للانتقال إلى المستوى الأول؟ هل يختفي المؤقت عند الانتقال من شاشة النهاية إلى شاشة البداية؟

اختبر اللعبة

بعد أن استمتعت باللعب ومعرفة مدى سرعتك في العثورعلى الحشرات. هل لاحظت أي شيء تود تعديله في اللعبة؟ يمكنك إجراء عدة تعديلات على اللعبة، منها:

  • جعل الببغاء أكثر إزعاجًا.
  • جعل الحشرات أصغر حجمًا.
  • تغيير تأثير اللون لتمويه الحشرة في كل مرحلة.
  • تغيير نمط الخط أو لون الخط.

يمكنك أن تطلب من شخص آخر أن يجرب اللعبة وراقب سرعته في العثور على الحشرات، ;من المؤكد أنه سيستغرق وقتًا أطول لأنه لا يعرف أين خبأتها. بعد كل ذلك ألقِ نظرةً على مشاريع "البحث عن الحشرة " التي نفذها الآخرون والموجودة في معرض مشاريع سكراتش على الموقع الرسمي لراسبيري باي.

مشاركة المشروع

ألهم مجتمع راسبيري باي عبر مشاركة مشروعك باتباع الخطوات التالية واحرص على عدم مشاركة أي معلومات شخصية: أولًا، سمي مشروعك باسم مناسب.

name_file.gif

ثانيًا، انقر على خيار المشاركة Share لجعل المشروع متاحًا للجميع.

share.gif

ثالثًا، أضف إرشادات للاعبين، إن أحببت، في مربع الإرشادات Instruction box. كما يمكنك إضافة ملاحظة في مربع الملاحظات والملكية Notes and Credits إذا كان مشروعك أصليًا، أو يمكنك ذكر المشروع الأصلي الذي عدلت عليه.

أخيرًا، انقر على خيار نسخ الرابط Copy link لمشاركته مع الأصدقاء عبر وسائل التواصل الاجتماعي.

copy_link.gif

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

comments-off.png

شاركنا مشروعك على مجتمع سكراتش في منصة حسوب IO.

اختبر معلوماتك

انعش ذاكرتك واختبر معلوماتك بالإجابة عن الأسئلة التالية:

  1. السؤال الأول: ما هي الخلفية التي سننتقل إليها عند تشغيل الكتل التالية؟

question1.png

questionbackdrop1.png

(حاول تذكر ما تعلمناه قبل الإطلاع على الإجابة أدناه)

  • الإجابة الصحيحة : عند النقر على الكائن سننتقل إلى الخلفية Urban.
  1. السؤال الثاني: تمعن في الكتل التالية، كيف يمكننا إصلاحها بحيث يتحرك الكائن باستمرار؟

question2.png

  • الإجابة الصحيحة : عبر نقل كتلة تحرك 6 خطوات إلى داخل كتلة كرر باستمرار.
  1. السؤال الثالث: كيف يمكننا الحصول على الوقت المستغرق في اللعب كما في الصورة التالية؟

quiz_bug_number.png

  • الإجابة الصحيحة : عبر إضافة كتلة المؤقت.

ترقية المشروع

أضف مزيدًا من المراحل إلى لعبتك ومصادر تشويش لزيادة صعوبتها، كما يمكنك تغيير الكائن الذي تبحث عنه في كل مرحلة، أو يمكنك تغيير الكتابة على السبورة. اطلق العنان لخيالك وطور لعبتك كما يحلو لك!

إليك تذكرةً بما ستحتاج تنفيذه في كل مرحلة:

  • إضافة خلفية.
  • ترتيب الخلفيات ووضع الخلفية الجديدة قبل خلفية شاشة النهاية.
  • إضافة كتلة "عندما تتبدل الخلفية" على الخلفية الجديدة وإضافة الكتل المناسبة لإخفاء الحشرة.

إليك تذكرةً بالكتل التي ستحتاجها لإخفاء الكائنات في مرحلة جديدة:

Blocks.PNG

تذكر أنه عليك فصل الكتل عن بعضها قبل سحب الكائن إلى مخبأه الجديد كي لا تتغير الخلفيات عند النقر على الكائن.

أضف ببغاءً آخر، أو كائنًا آخر كمصدر إزعاج. إليك تذكرة بالكتل اللازمة

ParrotBlocks.PNG

يمكنك سحب كتل الببغاء وإفلاتها فوق أيقونة الكائن الجديد وبذلك تحصل على الكتل البرمجية دون عناء إعادة كتابتها.

ختامًا

بهذا تكون قد أتممت مشروع إنشاء لعبة البحث عن الحشرات باستخدام برنامج سكراتش.

يُنصح بتنفيذ مشروع إنشاء شخصية لها عيون ذات تأثير كرتوني باستخدام برنامج سكراتش كخطوتك التالية، وإذا واجهت مشاكل مع برنامج سكراتش فيمكنك الحصول على الدعم والمساعدة عبر إضافة سؤالك في قسم الأسئلة والأجوبة في أكاديمية حسوب

ترجمة -وبتصرف- للمقال Find the Bug من الموقع الرسمي لراسبيري باي.

اقرأ أيضًا


تفاعل الأعضاء

أفضل التعليقات

لا توجد أية تعليقات بعد



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...