Ψηφιακό εκπαιδευτικό Escape Room Προστατεύω το Δάσος

Προτροπή για ChatGPT Codex

Ρόλος

Είσαι κορυφαίος Front-End Developer, Game Designer, UI/UX Designer, εκπαιδευτικός σχεδιαστής (Instructional Designer) και δημιουργός ψηφιακών Escape Rooms για μαθητές Νηπιαγωγείου.

Έχεις εμπειρία στη δημιουργία εκπαιδευτικών παιχνιδιών που θυμίζουν επαγγελματικές παραγωγές όπως αυτά των Genially, Kahoot Adventures και Escape Team.

Στόχος

Θέλω να δημιουργήσεις ένα πλήρες ψηφιακό Escape Room για μαθητές Νηπιαγωγείου με τίτλο:

Προστατεύω το δάσος

Το παιχνίδι θα πρέπει να είναι:

• συναρπαστικό
• κινηματογραφικό
• διασκεδαστικό
• εκπαιδευτικό
• πλήρως διαδραστικό
• με έντονο στοιχείο εξερεύνησης
• κατάλληλο για παιδιά 4-6 ετών.

Τεχνικές απαιτήσεις

Δημιούργησε ένα μόνο αρχείο HTML που να περιλαμβάνει:

• HTML
• CSS
• JavaScript

χωρίς εξωτερικά frameworks.

Να λειτουργεί αμέσως μόλις ανοίξει ο browser.

Να είναι responsive.

Σχεδιασμός

Θέλω να μοιάζει με σύγχρονο premium educational game.

Να διαθέτει:

• animated background
• parallax εφέ
• φωτισμούς
• σκιές
• ομαλές μεταβάσεις
• particles
• glowing buttons
• animations
• κινηματογραφικά transitions
• responsive σχεδιασμό

Χρησιμοποίησε χρωματική παλέτα εμπνευσμένη από:

Το δάσος, όπως φύλλα, λουλούδια, γη

Εισαγωγή

Ξεκινώντας να εμφανίζεται animated intro.

 

Ιστορία

«Κατά τη διάρκεια μιας σχολικής εκδρομής, μια μυστηριώδης πύλη ανοίγει μέσα σε ένα πανέμορφο δάσος.

Η ομάδα των μαθητών μεταφέρεται στο δάσος.

Ο μόνος τρόπος να επιστρέψουν είναι να λύσουν όλα τα ερωτήματα που άφησε η νεράιδα του δάσους ο σοφός Φαραώ.

Κάθε σωστή λύση ανοίγει μας αφήνει να μπούμε πιο μέσα .

Στο τέλος θα ανακαλύψουν το Κλειδί του Δάσους .»

 

Δομή του παιχνιδιού

Το Escape Room να αποτελείται από 6 διαφορετικές αίθουσες (Rooms).

Κάθε αίθουσα ξεκλειδώνει την επόμενη.

 

Room 1

 Το δάσος ως σπίτι για όλους

·  Το δάσος είναι «πολυκατοικία» για ζώα, φυτά, έντομα.

·  Πώς το προστατεύουμε για να μη χαθεί το σπίτι τους.

Room 2

Το νερό του δάσους

·  Ρυάκια, βροχή, υγρασία: γιατί είναι σημαντικά.

·  Πώς τα κρατάμε καθαρά.

Room 3

Ο κύκλος της φύσης

·        Φύλλα που πέφτουν, νέα φυτά που μεγαλώνουν.

·        Πώς βοηθάμε τον κύκλο να συνεχιστεί.

Room 4

Ο σωστός τρόπος εξερεύνησης

·        Πώς περπατάμε στο δάσος με σεβασμό.

·        Τι σημαίνει «παρατηρώ χωρίς να πειράζω».

 

Room 5

Τα μικρά πλάσματα του δάσους

·        Σαλιγκάρια, μυρμήγκια, πεταλούδες: γιατί είναι σημαντικά.

·        Πώς τα προστατεύουμε.

Room 6

Ο καιρός και το δάσος

·        Πώς ο ήλιος, η βροχή και ο άνεμος επηρεάζουν το δάσος.

·        Τι κάνουμε όταν έχει πολύ ζέστη ή αέρα για να το προστατεύσουμε.

Γρίφοι

Να υπάρχουν διαφορετικοί τύποι δραστηριοτήτων:

✅ πολλαπλής επιλογής

✅ αντιστοίχιση

✅ ταξινόμηση

✅ αριθμητικό πληκτρολόγιο

✅ παζλ

✅ αποκωδικοποίηση συμβόλων

✅ κλειδαριές

Gameplay

Να υπάρχει:

• inventory
• συλλογή αντικειμένων
• κλειδιά
• πάπυροι
• χάρτης
• πυξίδα
• μυστικά αντικείμενα

Σύστημα βαθμολογίας

Να εμφανίζεται:

⭐ Βαθμολογία

⭐ XP

⭐ Coins

⭐ Gems

⭐ Progress Bar

⭐ επίπεδο προόδου

⭐ αριθμός γρίφων

Timer

Να υπάρχει χρονόμετρο.

Να μπορεί να ενεργοποιείται ή να απενεργοποιείται.

Βοήθειες

Να υπάρχουν:

• 3 hints
• σύστημα υποδείξεων
• μικρές εξηγήσεις όταν γίνεται λάθος

Ανατροφοδότηση

Στις σωστές απαντήσεις:

• πράσινο animation
• ήχος επιτυχίας
• confetti
• άνοιγμα πόρτας

Στις λανθασμένες:

• κόκκινο animation
• μικρή δόνηση
• ήχος λάθους
• επεξήγηση

Ήχοι

Να δημιουργήσεις ήχους με JavaScript/Web Audio API.

Να υπάρχουν:

• μουσική περιπέτειας
• click
• unlock
• coin
• success
• fail
• mystery
• ολοκλήρωση

Χωρίς εξωτερικά αρχεία ήχου.

Animations

Να χρησιμοποιηθούν:

• CSS animations
• keyframes
• transitions
• glowing effects
• hover animations
• floating αντικείμενα
• particles
• άνοιγμα θυρών
• φως
• καπνός

Εκπαιδευτική ακρίβεια

Όλες οι ασκήσεις να είναι συμβατές με το ελληνικό Αναλυτικό Πρόγραμμα Σπουδών του Νηπιαγωγείου.

Να αποφεύγονται υπερβολικά δύσκολες πράξεις.

Ολόκληρος ο κώδικας είναι στο παρακάτω αρχείο HTML — άνοιξέ το με Σημειωματάριο/VS Code για επεξεργασία ή στον browser για παιχνίδι:

Τελική ολοκλήρωση

Όταν λυθούν όλα τα δωμάτια:

• να ανοίγει ο Θησαυρός του δάσους
• να εμφανίζεται κινηματογραφικό animation
• να απονέμεται ο τίτλος:

👑 Master of Ancient Egyptian Mathematics

Να εμφανίζεται:

• τελική βαθμολογία
• συνολικός χρόνος
• ποσοστό επιτυχίας
• πλήθος σωστών απαντήσεων
• κουμπί επανάληψης

Ποιότητα κώδικα

Ο κώδικας πρέπει να είναι:

• πλήρως σχολιασμένος
• οργανωμένος σε ενότητες
• ευανάγνωστος
• χωρίς σφάλματα
• χωρίς εξωτερικές εξαρτήσεις
• εύκολα επεκτάσιμος
• βελτιστοποιημένος για απόδοση

Τελική απαίτηση

Θέλω το αποτέλεσμα να θυμίζει εμπορικό εκπαιδευτικό παιχνίδι υψηλής ποιότητας και όχι μια απλή ιστοσελίδα με ερωτήσεις. Να αξιοποιήσεις στο έπακρο τις δυνατότητες της HTML5, CSS3 και της σύγχρονης JavaScript (Canvas API, SVG, Web Audio API, CSS Variables, requestAnimationFrame, Local Storage), δημιουργώντας μια καθηλωτική εμπειρία με πλούσια γραφικά, ομαλά animations και υψηλό επίπεδο διαδραστικότητας. Το παραδοτέο πρέπει να είναι ένα και μόνο αρχείο HTML, πλήρως λειτουργικό, χωρίς εξωτερικές βιβλιοθήκες ή πόρους.

το παιχνίδι ως κώδικα  το παιχνίδι