Mega Bubble Phonics

A vibrant kindergarten phonics rescue game where players pop floating bubbles and identify 50 core CVC words across all short vowel sounds to keep them from drifting into the spinning rainbow portal.

Here is a prompt you can use to generate or rebuild this game:

---

### **Prompt:**

> "Build a bright, colorful, single-file HTML5 Canvas game designed for kindergarteners titled **'Mega Bubble Phonics'** using HTML5, CSS (Tailwind CSS), and JavaScript.
> ### **Theme & Visual Style:**
> 
> 
> * **Aesthetic:** Cute, sunny, cheerful, and eye-friendly for young children. Soft sky-blue background, floating sparkle dust, pastel-colored bubbles with realistic shine highlights, and a spinning rainbow star portal in the center.
> * **Typography:** Friendly, bubbly, rounded font (e.g., Google Font 'Fredoka').
> * **Visual Effects:** Bursting colorful gravity-affected confetti on correct answers, screen wobble on mistakes, and smooth bounce animations for modals.
> 
> 
> ### **Gameplay Mechanics:**
> 
> 
> 1. **Core Loop:** Large, pastel bubbles float from the edges of the screen toward a swirling rainbow portal in the center.
> 2. **Interaction:** Tapping or clicking any bubble pauses movement and opens a large, kid-friendly popup modal.
> 3. **The Challenge:** The modal displays the bubble's giant emoji and asks *"What's in the bubble?"* below it, accompanied by 3 large, colorful, rounded buttons (1 correct CVC word and 2 random incorrect CVC distractors).
> 4. **Scoring & Penalties:**
> * **Correct:** Triggers a confetti burst, removes the bubble, awards +1 Star, and plays a celebration visual.
> * **Incorrect:** Pushes the bubble 40% closer to the center portal and flashes softly.
> * **Missed Bubble:** If a bubble drifts all the way into the center portal, the player loses 1 of 3 hearts.
> 
> 
> 5. **Screens:** Includes a Start Screen, HUD (Stars collected + Heart lives), Question Modal, and a friendly 'Sleepy Time' Game Over Screen with a 'Play Again' button.
> 
> 
> ### **CVC Vocabulary Pool (All 50 Words):**
> 
> 
> Include all 50 CVC words across the 5 short vowels with corresponding emojis:
> * **Short A (10):** Cat 🐱, Bat 🦇, Map 🗺️, Dad 👨, Pan 🍳, Hat 🎩, Mad 😠, Cap 🧢, Rat 🐀, Jam 🍓
> * **Short E (10):** Bed 🛏️, Red 🔴, Pen 🖊️, Ten 🔟, Net 🥅, Leg 🦵, Web 🕸️, Wet 💦, Hen 🐔, Peg 📍
> * **Short I (10):** Pig 🐷, Sit 🪑, Big 🐘, Lip 👄, Win 🏆, Fin 🦈, Hit 🎯, Zip 🤐, Kid 🧒, Dip 🥣
> * **Short O (10):** Dog 🐶, Hot ♨️, Pot 🍲, Box 📦, Top 🪀, Fox 🦊, Log 🪵, Mop 🧹, Hop 🐇, Cot 🏕️
> * **Short U (10):** Sun ☀️, Cup 🍵, Bug 🐛, Run 🏃, Nut 🥜, Bus 🚌, Tub 🛁, Mud 🤎, Rug 🧶, Gum 🍬
> 
> 
> Ensure the game is responsive across mobile and desktop, has chubby-finger-friendly touch hitboxes, and runs entirely in a single standalone HTML document."