📦 microsoft / Web-Dev-For-Beginners

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "c40a698395ee5102715f7880bba3f2e7",
  "translation_date": "2025-08-27T20:20:49+00:00",
  "source_file": "6-space-game/README.md",
  "language_code": "he"
}
-->
# בנה משחק חלל

משחק חלל ללימוד יסודות מתקדמים של JavaScript

בשיעור הזה תלמדו איך לבנות משחק חלל משלכם. אם אי פעם שיחקתם במשחק "Space Invaders", המשחק הזה מבוסס על אותו רעיון: להטיס חללית ולירות על מפלצות שיורדות מלמעלה. כך ייראה המשחק המוגמר:

![Finished game](../../../6-space-game/images/pewpew.gif)

בששת השיעורים האלה תלמדו את הדברים הבאים:

- **אינטראקציה** עם אלמנט Canvas כדי לצייר דברים על המסך
- **הבנה** של מערכת הקואורדינטות הקרטזית
- **לימוד** תבנית Pub-Sub ליצירת ארכיטקטורת משחק יציבה שקל לתחזק ולהרחיב
- **שימוש** ב-Async/Await לטעינת משאבי המשחק
- **טיפול** באירועי מקלדת

## סקירה כללית

- תיאוריה
   - [מבוא לבניית משחקים עם JavaScript](1-introduction/README.md)
- תרגול
   - [ציור ל-Canvas](2-drawing-to-canvas/README.md)
   - [הזזת אלמנטים על המסך](3-moving-elements-around/README.md)
   - [זיהוי התנגשויות](4-collision-detection/README.md)
   - [שמירת ניקוד](5-keeping-score/README.md)
   - [סיום והתחלה מחדש של המשחק](6-end-condition/README.md)

## קרדיטים

המשאבים שהשתמשנו בהם הגיעו מ-https://www.kenney.nl/.  
אם אתם מתעניינים בבניית משחקים, אלו משאבים מעולים, חלקם בחינם וחלקם בתשלום.

---

**כתב ויתור**:  
מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי על ידי אדם. איננו נושאים באחריות לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.