Emoji Dropper - Fun Watermelon Merge Game

Seele01-Flash
By
Emoji Dropper is an addictive watermelon-style merge game where you drop emoji balls to create bigger, crazier emojis. Match identical emojis strategically to keep the board clear and aim for the ultimate mega-emoji!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Emoji Dropper". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Camera Setup:** Use an **Orthographic Camera** to simulate a 2D plane within a 3D space. This ensures the stacking mechanics are visually precise and easy to judge on small mobile screens. * **The Container:** Create a transparent U-shaped box (or glass jar) using `LineSegments` with a thick yellow material (color `#F4D03F`) to mimic the screenshot. The front face should be invisible to see the balls clearly. Add a faint white "limit line" near the top. * **The Emojis (Spheres):** * Generate 11 distinct tiers of spheres (radii increasing incrementally). * **Textures:** Instead of simple colors, map Emoji textures to the spheres. * Tier 1 (Smallest): Small smile / neutral face. * Mid-Tiers: Winking, Sick (Green), Angry (Red), Crying laughing. * Special Note: Mimic the screenshot where some textures look glossy (plastic material) and others (like the rainbow one) look like fabric/knitted yarn (bump map). * **Performance:** Use `InstancedMesh` for the spheres to optimize rendering performance on mobile devices, as there may be many balls on screen at once. Reduce sphere segments (e.g., 16x16) to save polygons. * **Background:** A dark blue gradient (`#1a237e` to `#283593`) with a very low-poly, dark silhouette of a fence or hills at the bottom to provide depth without distraction. ### 2. Audio Requirements * **BGM:** A playful, looped "thinking" track—Marimba or Pizzicato strings style. Low tempo, relaxing, not distracting. * **Sound Effects (SFX):** * **Drop:** A quick, light "swoosh" air sound. * **Collision:** A wooden "clack" or plastic "thud" depending on the velocity. * **Merge:** This is the most important sound. A satisfying, high-pitched "Pop" or "Bloop" that increases in pitch as the emoji tiers get higher. * **Game Over:** A descending, comedic "wa-wa-wa" sound or glass breaking sound. ### 3. Gameplay Loop * **Physics Engine:** Integrate a lightweight physics engine (like **Cannon.js** or a 2D engine like **Matter.js** rendering to Three.js). **Crucial:** Lock the Z-axis position and rotation so balls only move in X and Y (2D plane). * **Merge Logic (Suika Style):** * When two spheres of the same Tier collide, they are destroyed. * A new sphere of (Tier + 1) is spawned at the midpoint of the collision. * Score increases based on the tier of the merged ball. * **Spawning:** * The player controls a "Next Ball" hovering at the top. * Limit the spawnable balls to Tiers 1 through 4 (don't spawn giant balls directly). * Display a UI element showing the *Next* ball in the queue. * **Lose Condition:** If a ball stays above the "Limit Line" (top of the box) for more than 2 seconds (show a red warning timer), the game ends. ### 4. Mobile Controls & Interaction * **Input Method:** Implement a **"Touch-Drag-Release"** mechanic. * **Touch & Drag:** Touching anywhere on the screen moves the spawner horizontally (x-axis) to match the finger's position. * **Visual Guide:** Draw a thin, dotted vertical white line projecting downwards from the spawner to help the player aim (since their finger might block the view). * **Release:** Lifting the finger triggers the drop. * **Cooldown:** Add a 0.5s delay between drops to prevent spamming/glitches. * **Orientation:** Force or optimize for **Portrait Mode**. The gameplay container should fill 80% of the screen height. * **UI Layout:** * Score displayed clearly at the top left (large, readable font). * "Next Emoji" preview displayed at the top right. * Restart button in a corner (ensure it has a 44x44px hit area). * **Haptic Feedback:** Trigger a light vibration (using `navigator.vibrate`) whenever two balls merge. This adds immense satisfaction to the game feel on mobile. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Emoji Dropper brings a delightful twist to the popular watermelon game genre by featuring everyone's favorite emojis! This engaging physics-based puzzle game challenges you to drop emoji balls strategically, merging identical ones to create progressively larger and more exciting emojis. From simple smiles to angry faces and mischievous grins, all your beloved emoji characters are waiting to be merged into something spectacular.

Core Features

Addictive Merge Gameplay

The game follows the beloved watermelon game formula but adds a colorful emoji twist. Each successful merge creates a bigger, more complex emoji, challenging you to think strategically about every drop. The physics-based mechanics make every move feel satisfying and realistic.

Diverse Emoji Collection

Featuring a wide variety of emoji expressions, from happy faces to angry reactions, each with unique visual designs. Watch as small emojis transform into larger, more elaborate characters through strategic merging.

Completely Free to Play

Enjoy the full gaming experience without any cost. No hidden fees, no premium content - just pure, unlimited emoji-merging fun accessible to everyone.

Cross-Platform Compatibility

Play seamlessly on desktop computers, smartphones, and tablets. The game automatically adapts to your device's screen size for optimal gameplay experience.

Strategic Depth

While easy to learn, the game offers surprising strategic depth. Plan your drops carefully to avoid filling up the container while maximizing merge opportunities.

Game Playstyle

Physics-Based Mechanics

Emoji balls follow realistic physics, bouncing and settling naturally in the container. This adds an element of unpredictability that keeps each game session fresh and exciting.

Progressive Difficulty

As you create larger emojis, managing space becomes increasingly challenging. The game naturally ramps up difficulty as you progress, providing a perfect learning curve.

Operation Guide

Mastering Emoji Dropper is simple but requires strategic thinking:

Basic Controls: - Mouse Movement : Position your emoji ball horizontally above the container - Left Click : Drop the emoji ball at the selected position - Strategic Planning : Observe the current emoji layout before making your move

Gameplay Strategy: 1. Plan Ahead : Study the container before dropping to identify potential merge opportunities 2. Create Chains : Set up multiple merges in sequence for maximum efficiency 3. Manage Space : Avoid letting emojis stack too high to prevent game over 4. Target Similar Emojis : Focus on merging identical emojis that are close together 5. Use Physics : Let gravity and bouncing work in your favor for better positioning

Why Play This Game

Perfect for All Ages : The colorful emoji theme appeals to players of all ages, making it an ideal family-friendly game that everyone can enjoy together.

Quick Gaming Sessions : Perfect for short breaks or longer gaming sessions. Each round can be completed in minutes, making it ideal for busy schedules.

Stress Relief : The satisfying merge mechanics and cute emoji designs provide excellent stress relief and mental relaxation.

Brain Training : Enhance your spatial reasoning and strategic planning skills while having fun with adorable emoji characters.

No Commitment Required : Jump in and out of games freely without losing progress or facing penalties. Play at your own pace whenever you want.

Social Appeal : Share your highest emoji achievements with friends and challenge them to beat your mega-emoji creations.

Frequently Asked Questions (FAQ)