משחק טריוויה – לוחמה בעת העתיקה

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

הפרומפט בו השתמשתי:
"היי! תפעל כמפתח Web מומחה (HTML, CSS, JS) וכמעצב חוויות למידה (Instructional Designer). המטרה שלך היא לכתוב קוד מלא בקובץ אחד (Single File) למשחק טריויה אינטראקטיבי המיועד לתלמידות כיתה י"ב שלומדות לבגרות בהיסטוריה, בנושא 'לוחמה בעת העתיקה'.
בסיס הידע (קריטי!): מצורפים קבצי סיכומים על מצרים, יוון ורומא בעת העתיקה. עליך לחלץ מהם 15 שאלות למשחק.
• חובה: לבסס את השאלות והתשובות אך ורק על המידע המופיע בקבצים. ללא ידע חיצוני או המצאות.
• סוגי שאלות: שלב בין שאלות רב-ברירה (אמריקאיות עם 4 תשובות) לשאלות נכון/לא נכון.
• סדר השאלות: סדר כרונולוגי - התחל מהאימפריה המצרית (מרכבות, קשת מורכבת, חרב מגל), עבור ליוון (הפלנקס, ההופליט, ציודו) וסיים ברומא (הרפובליקה, הרפורמות של מאריוס, הלגיון).
זרימת המשחק ועיצוב (UI/UX):
• עיצוב כללי: נקי, בהיר, מודרני, נעים לעין ומזמין (Light theme, צבעי פסטל עדינים).
• מסך פתיחה: כותרת המשחק, הסבר קצר, ושדה טקסט שבו התלמידה מקלידה את שמה כדי להתחיל.
• מסך המשחק (הליבה):
o סרגל התקדמות: סרגל ויזואלי שמתמלא ככל שמתקדמים בשאלות.
o תמונות (Placeholders): בחלק מהשאלות, הוסף מעל השאלה קופסה אפורה (div) בגודל מתאים עם טקסט ממורכז בסגנון: "להכניס כאן תמונה של מרכבה כנענית / פלנקס יווני / חייל רומאי".
o מנגנון איסוף (Gamification): בצד המסך או בחלקו העליון, הוסף אזור שנקרא "הלוחם שלי". האזור מתחיל ריק. על כל 3 תשובות נכונות, התלמידה "אוספת" פריט ומופיע אייקון/טקסט של הפריט (למשל: קשת מורכבת -> חרב מגל -> מגן אספיס -> חנית דורי -> קסדת ברונזה).
o משוב ולמידה: לאחר כל תשובה, הצג משוב חיובי ומעצים (כמו "אלופה!", "מדויק!"). אם התשובה שגויה, אל תאפשר ניסיון נוסף, אלא הצג מיד את התשובה הנכונה בתוספת הסבר קצר של משפט אחד מתוך החומר (למשל: "טעות. התשובה הנכונה היא עונת הקציר, כי מטרת המלחמה הייתה להשתלט על יבול האויב").
• מסך סיום (מסך ניצחון): > * יופיע בסוף השאלות.
o יציג בגדול את שם התלמידה (שהוזן בהתחלה), הציון הסופי שלה, ואת רשימת הציוד המלאה שהיא אספה ללוחם שלה.
o כיתוב בולט: "כל הכבוד! צלמי את המסך ושלחי למורה."