ΠΡΟΤΡΟΠΗ

## Ρόλος

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

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

---

# Στόχος

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

# 🏺 Χαμένοι στην Αρχαία Αίγυπτο

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

- συναρπαστικό

- κινηματογραφικό

- διασκεδαστικό

- εκπαιδευτικό

- πλήρως διαδραστικό

- με έντονο στοιχείο εξερεύνησης

- κατάλληλο για παιδιά 11–12 ετών.

---

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

Δημιούργησε **ένα μόνο αρχείο 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

### Η Τελική Αίθουσα

Να συνδυάζει:

- κλάσματα

- δεκαδικούς

- ποσοστά

σε μία τελική αποστολή.

---

# Γρίφοι

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

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

✅ drag and drop

✅ συμπλήρωση κενού

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

✅ ταξινόμηση

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

✅ παζλ

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

✅ κλειδαριές

---

# 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

- άνοιγμα θυρών

- φως

- καπνός

---

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

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

Οι αριθμοί να είναι ρεαλιστικοί.

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

---

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

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

- να ανοίγει ο Θησαυρός του Φαραώ

- να εμφανίζεται κινηματογραφικό animation

- να απονέμεται ο τίτλος:

## 👑 Master of Ancient Egyptian Mathematics

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

- τελική βαθμολογία

- συνολικός χρόνος

- ποσοστό επιτυχίας

- πλήθος σωστών απαντήσεων

- κουμπί επανάληψης

---

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

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

- πλήρως σχολιασμένος

- οργανωμένος σε ενότητες

- ευανάγνωστος

- χωρίς σφάλματα

- χωρίς εξωτερικές εξαρτήσεις

- εύκολα επεκτάσιμος

- βελτιστοποιημένος για απόδοση

---

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

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