Δύο εκπαιδευτικά, ψηφιακά παιχνίδια σε στυλ Super Mario Bros με το Canvas του Gemini (Prompt)

Με το Canvas του Gemini μπορούμε να δημιουργήσουμε διαδραστικά, ψηφιακά, μαθησιακά αντικείμενα! Με το πιο κάτω prompt μπορούμε να δημιουργήσουμε εκπαιδευτικά, ψηφιακά παιχνίδια σε στυλ Super Mario Bros.

Prompt (Προτροπή): Όπου υπάρχουν αγκύλες βάζετε τα δικά σας

Είμαι δάσκαλος και διδάσκω [Πράξεις Κλασμάτων] σε παιδιά της [Στ΄ Δημοτικού]. Θέλω να δημιουργήσω ένα παιχνίδι σε html 5 σε στυλ Super Mario Bros για τις [πράξεις κλασμάτων]. Να μπορεί να επιλέξει ο μαθητής ανάμεσα σε δύο ήρωες, τον Super Mario και τον Luigi. Να έχει κουτάκια με ερωτηματικά, να πηδάνε πολύ ψηλά οι ήρωες για να τα σπάσουν και να εμφανίζονται οι ερωτήσεις για [τις πράξεις]. [Οι πράξεις] να είναι απλές. Να βάλεις και ήχους. Να έχει αρχική οθόνη με START, οδηγίες και επιλογή ήρωα. Επίσης, να είναι κατάλληλο και για κινητές συσκευές.

Διορθωμένο/Βελτιωμένο Prompt από το Gemini:

Ρόλος: Είσαι ένας έμπειρος προγραμματιστής παιχνιδιών HTML5 και εκπαιδευτικός.
Στόχος: Δημιούργησε ένα εκπαιδευτικό παιχνίδι πλατφόρμας (platformer) στυλ "Super Mario" σε ένα ενιαίο αρχείο HTML (HTML, CSS, JavaScript) για μαθητές Στ' Δημοτικού.
Θέμα: Πράξεις Κλασμάτων (Πρόσθεση, Αφαίρεση, Πολλαπλασιασμός, Διαίρεση).
Τεχνικές Προδιαγραφές:
Canvas API: Χρησιμοποίησε το HTML5 Canvas για την απόδοση των γραφικών.
Asset-free: Μην χρησιμοποιήσεις εξωτερικές εικόνες (για να μην υπάρχουν broken links). Σχεδίασε τους ήρωες και το περιβάλλον (Mario, Luigi, τουβλάκια) προγραμματιστικά (με τετράγωνα, κύκλους και χρώματα). Ο Mario να είναι Κόκκινος, ο Luigi Πράσινος.
Responsive & Mobile: Το παιχνίδι πρέπει να προσαρμόζεται σε οθόνες κινητών. Πρόσθεσε κουμπιά αφής στην οθόνη (Αριστερά, Δεξιά, Άλμα) που εμφανίζονται μόνο σε μικρές οθόνες ή είναι πάντα ορατά.
Ήχος: Χρησιμοποίησε απλά sound effects μέσω JavaScript (Beep sounds) ή placeholders που δεν χτυπάνε λάθος.
Ροή Παιχνιδιού (Game Loop):
Οθόνη Έναρξης: Τίτλος, Οδηγίες, Κουμπί "Επιλογή Ήρωα" (Mario ή Luigi), Κουμπί START.
Gameplay: Ο ήρωας τρέχει και πηδάει σε πλατφόρμες. Υπάρχουν "Κουτιά Ερωτηματικών" στον αέρα.
Interaction: Όταν ο ήρωας χτυπάει το κουτί από κάτω (collision detection), το παιχνίδι παγώνει (pause) και εμφανίζεται ένα Modal παράθυρο με μια ερώτηση κλασμάτων.
Ερωτήσεις:
Να δημιουργούνται τυχαία (Random generation).
Επίπεδο Στ' Δημοτικού: Π.χ. $1/2 + 1/4$ , $2/3 \times 4/5$ .
Αν ο μαθητής απαντήσει σωστά: Κερδίζει πόντους, το κουτί εξαφανίζεται ή γίνεται ανενεργό, συνεχίζει το παιχνίδι.
Αν απαντήσει λάθος: Χάνει μια ζωή.
Κώδικας: Δώσε μου τον πλήρη, καθαρό κώδικα σε ένα μόνο block ώστε να μπορώ να τον κάνω copy-paste και να παίξει αμέσως στον browser.