|
3 weeks ago | |
---|---|---|
.. | ||
1-introduction | 3 weeks ago | |
2-drawing-to-canvas | 3 weeks ago | |
3-moving-elements-around | 3 weeks ago | |
4-collision-detection | 3 weeks ago | |
5-keeping-score | 3 weeks ago | |
6-end-condition | 3 weeks ago | |
solution | 4 weeks ago | |
README.md | 4 weeks ago |
README.md
بناء لعبة فضاء
لعبة فضاء لتعلم أساسيات JavaScript المتقدمة
في هذا الدرس، ستتعلم كيفية بناء لعبتك الفضائية الخاصة. إذا كنت قد لعبت لعبة "Space Invaders" من قبل، فإن هذه اللعبة تعتمد على نفس الفكرة: قيادة مركبة فضائية وإطلاق النار على الوحوش التي تنزل من الأعلى. إليك كيف ستبدو اللعبة النهائية:
في هذه الدروس الستة، ستتعلم ما يلي:
- التفاعل مع عنصر Canvas لرسم الأشياء على الشاشة
- فهم نظام الإحداثيات الكارتيزي
- تعلم نمط Pub-Sub لإنشاء بنية لعبة قوية وسهلة الصيانة والتطوير
- الاستفادة من Async/Await لتحميل موارد اللعبة
- التعامل مع أحداث لوحة المفاتيح
نظرة عامة
- النظرية
- التطبيق
الشكر
الموارد المستخدمة في هذا الدرس مأخوذة من https://www.kenney.nl/.
إذا كنت مهتمًا ببناء الألعاب، فإن هذه الموارد رائعة جدًا، الكثير منها مجاني وبعضها مدفوع.
إخلاء المسؤولية:
تم ترجمة هذا المستند باستخدام خدمة الترجمة بالذكاء الاصطناعي Co-op Translator. بينما نسعى لتحقيق الدقة، يرجى العلم أن الترجمات الآلية قد تحتوي على أخطاء أو معلومات غير دقيقة. يجب اعتبار المستند الأصلي بلغته الأصلية المصدر الموثوق. للحصول على معلومات حاسمة، يُوصى بالاستعانة بترجمة بشرية احترافية. نحن غير مسؤولين عن أي سوء فهم أو تفسيرات خاطئة تنشأ عن استخدام هذه الترجمة.