Egg Quest

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Recreate a responsive browser game titled “Egg Quest: Grammar Pets & Friends,” a cozy educational grammar-adventure interface. Use a single-screen layout with a soft pastel, rounded-card aesthetic, emoji-based art, thick friendly typography, shadows, and subtle idle animations. The UI text should be Vietnamese, while the grammar questions are English.

Overall layout: a pale mint/aqua-to-cream gradient background with faint white dotted sparkles. At the top, a cream translucent header contains the title “🥚 Egg Quest: Grammar Pets & Friends” and the subtitle “Giải ngữ pháp → Mở cửa → Nuôi Pet → Khám phá”. On the right show rounded status pills for player name (default “Mầm non”), egg count (default 0), active pet (“Chưa có Pet”), score/trophies (default 0), plus a circular sound toggle button showing 🔊 or 🔇. On desktop, use a large left game world and a narrow right sidebar; on small screens stack the world above the sidebar.

The main world is a large rounded rectangle called “Khu Rừng Ngữ Pháp,” with a dreamy illustrated landscape: turquoise sky across the upper third, green grass/meadow below, a darker green foreground, a diagonal translucent sunbeam, white clouds, a glowing yellow sun, stylized trees and plant shapes, and a tan oval path near the bottom. Place a cream title card at upper left reading “Khu Rừng Ngữ Pháp” and “Chạm vào cánh cửa để bắt đầu một thử thách.” Place a compass emoji 🧭 as the explorer avatar near the lower-left path, gently bobbing, and a following pet icon beside it (✨ before a pet is obtained). Add a small signpost. Across the path/foreground place five clickable arched wooden doors numbered by their sequence, visually represented as 🚪 with lock icons 🔒 above them. Completed doors become brighter/greenish and show 🌟 instead of the lock. The world is decorative and not a free-roaming scene: the player interacts by clicking/tapping doors.

Right sidebar cards: first an explorer card with compass avatar, heading “Nhà thám hiểm,” level text such as “Cấp 1 · Sẵn sàng khám phá,” a horizontal progress bar showing doors opened out of 5, and buttons “Đổi tên” and “📖 Hướng dẫn.” The name button prompts for a new name, limited to 18 characters. The guide opens a modal explaining: answer grammar questions at each door; correct answers give one egg and open the route; three eggs unlock the first pet; pets can be selected; score increases on correct answers; progress is saved locally. Second card is “🥚 Túi trứng,” showing five egg slots/icons: the first three are ordinary eggs, the fourth is a fire egg, and the fifth is a magic/sparkle egg. Uncollected eggs are faded/grayscale; collected ones are full-color and glow. Show a hint such as “Mở Cửa 1 để bắt đầu thu thập.” or “Mỗi cửa mở nhận 1 trứng · Tổng: X”; when at least three eggs are available and the first pet is not hatched, say “Đủ 3 trứng để nở Linh Miêu!” Third card has tabs “🐾 Pet” and “👫 Bạn bè.”

Pet tab: list five pet cards, each dimmed and showing ❔ until hatched, with the requirement and egg type. Pets are obtained automatically when enough eggs are collected, in order: Linh Miêu 🐱, Vàng Ưng 🦅, Tiểu Long 🐲, Bảo Lân 🦌, and Chúa Tể Ánh Sáng ✨. The first four require 3 eggs each and the final one requires 5 eggs. Their displayed skills are respectively “Gợi ý nhẹ khi trả lời sai,” “Nhắc lại quy tắc khi bí,” “Bỏ qua 1 câu khó mỗi ngày,” “Nhân đôi điểm trong 5 phút,” and “Mở khóa chế độ Thử Thách & BXH.” Once owned, tapping a pet selects it, outlines its card, updates the header active-pet name, and changes the follower icon in the world. The implementation only needs the explicitly shown selection behavior; do not invent extra skill systems. Friends tab shows two static friend entries: Minh Anh (🧑‍🚀, “Đã mở Cửa 3 · 2 Pet”) with a ⚔️ button and Hà My (👩‍🎨, “Đã mở Cửa 2 · 1 Pet”) with a 🎁 button, plus “＋ Thêm bạn bè,” which displays a toast “Đã gửi lời mời kết bạn!”.

Core interaction: doors must be completed sequentially. Door 1 is available initially; tapping a later locked door opens a modal saying for example “🔒 Cửa 2 đang ngủ” and “Hãy hoàn thành Cửa 1 trước để đi sâu hơn vào Khu Rừng Ngữ Pháp,” with buttons to close or go to the previous door. An available door opens a centered modal with heading “🚪 Cửa N · [difficulty label]”, where the labels are: door 1 “Lớp 8 cơ bản,” door 2 “Lớp 8 nâng cao,” door 3 “Lớp 9 cơ bản,” door 4 “Lớp 9 nâng cao,” door 5 “Vào 10.” The modal says “Chọn đáp án đúng để mở khóa cánh cửa,” displays one English multiple-choice grammar question with four large answer buttons labeled A–D, and a footer with “Thoát” and text indicating the pet is watching.

Use these exact question pools, with three questions per door, selecting unseen questions before resetting/randomizing that door’s pool: Door 1: “My brother ___ TV every evening.” answers watch / watches / is watching / watched, correct watches; “Look! The children ___ in the garden.” answers play / plays / are playing / played, correct are playing; “She usually ___ to school by bike.” answers go / goes / is going / went, correct goes. Door 2: “Yesterday, we ___ a great movie.” answers watch / watched / are watching / have watched, correct watched; “This book is ___ than that one.” answers interesting / more interesting / most interesting / interest, correct more interesting; “Nam ___ football last Sunday.” answers plays / is playing / played / has played, correct played. Door 3: “I ___ this film three times.” answers see / saw / have seen / am seeing, correct have seen; “English ___ in many countries.” answers speaks / is spoken / spoke / has spoken, correct is spoken; “They ___ their homework yet.” answers don’t finish / didn’t finish / haven’t finished / aren’t finishing, correct haven’t finished. Door 4: “He said that he ___ tired.” answers is / was / will be / has been, correct was; “If I had more time, I ___ more books.” answers read / will read / would read / am reading, correct would read; “She asked me where I ___.” answers live / lived / am living / will live, correct lived. Door 5: “The girl ___ won the prize is my sister.” answers which / who / where / when, correct who; “This is the best book I ___.” answers ever read / have ever read / am reading / read ever, correct have ever read; “If he studies hard, he ___ the exam.” answers passes / passed / will pass / would pass, correct will pass.

On a correct answer, disable the choices, show a green feedback panel beginning “✅ Chính xác!” with the grammar explanation and “+1 🥚 · +10 điểm,” increment score by 10, streak by 1, add one egg, mark the door complete/open, and offer a “Nhận thưởng” button. On an incorrect answer, show a peach/red panel beginning “🌱 Chưa đúng rồi.” with the relevant explanation; reset the streak and offer “Thử câu khác,” which starts another question. Include these exact-style explanations: present simple third-person -s/-es; present continuous am/is/are + V-ing; usually indicates present simple; yesterday/last Sunday indicate past simple; long adjectives use more; three times up to now uses present perfect; present simple passive is am/is/are + V3; yet with negative present perfect; reported speech backshift is→was; second conditional If + past, would + verb; indirect-question backshift live→lived; who is for people in relative clauses; the best uses present perfect for experience; first conditional If + present, will + verb. After taking the reward, if a pet threshold has been reached, show a celebratory hatching modal with a large animated pet emoji, “Trứng nở rồi!”, the pet name, its skill, and “Đón Pet về nhà.” Automatically hatch the first eligible pet in order; set it active if none is active. If no pet is ready, show a toast saying “Trứng đã được cất an toàn trong túi!”.

Persist all progress in local storage: name, avatar, eggs, score, completed doors, number opened, owned pets, active pet, streak, sound setting, and seen question indexes. Include simple success/failure tones using Web Audio when sound is enabled, and toast notifications for actions such as selecting a pet, changing name, adding a friend, hatch status, and sound on/off. Use modal overlays with a dark translucent backdrop, cream rounded modal cards, green success and peach error feedback, and responsive sizing. The game should begin with the exact default state: name Mầm non, avatar 🧭, 0 eggs, 0 score, no completed doors, no pets, no active pet, sound on, and all doors locked except Door 1’s initial availability.