Collect Em All! - Color Connect Puzzle Game

Seele01-Flash
By
Collect Em All! is an addictive color-connecting puzzle game where you link same-colored dots to create satisfying chains, unlock explosive power-ups, and compete for the highest score on global leaderboards.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Collect Em All!". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual, clean aesthetic similar to Voodoo games. Use a bright, high-key lighting setup to create a flat but polished 3D look (soft shadows). * **Grid System**: A 6x6 or 7x7 grid of 3D Spheres (`THREE.SphereGeometry`). * **Color Palette**: Use vibrant, saturated colors for the balls to match the screenshot: Hot Pink (#FF3366), Bright Purple (#9933FF), Lime Green (#33CC33), Orange (#FF9933), and Sky Blue (#3399FF). * **Background**: A subtle off-white or "paper" texture background (#F5F5F5) to make the colored balls pop. * **Connecting Line**: Implement a dynamic, thick tube or line (`THREE.TubeGeometry` or `MeshLine`) that renders in real-time between selected balls. The line color should match the color of the currently selected ball chain. * **Performance (Mobile)**: Use `THREE.InstancedMesh` for the balls if possible to reduce draw calls, or keep geometry segments low (e.g., 16 segments) if using individual meshes. ### 2. Audio Requirements * **Music Strategy**: **No background music** (as per game description). Focus entirely on satisfying interaction sounds. * **Dynamic Melodic Feedback (The Glissando)**: This is the core audio feature. Implement a synthesizer or an array of pitched notes. When the player connects the first dot, play a base note (e.g., C4). For each subsequent dot connected in the same chain, raise the pitch by one semitone or scale step (D4, E4, etc.). This creates a rising musical scale that rewards long chains. * **SFX**: * **Pop/Crush**: A satisfying "crunch" or "pop" sound when the player releases their finger and the chain explodes. * **Error**: A dull "thud" sound if the player tries to connect a wrong color or releases a chain that is too short. ### 3. Gameplay Loop * **Core Mechanic**: "Connect the Dots." The player clicks/touches a ball and drags over adjacent (horizontal, vertical, diagonal) balls of the same color. * **Rules**: * Minimum connection length: 3 balls. * Cannot backtrack over the current line. * Limited Moves: Start with a fixed number of moves (e.g., 20). Each successful clear decrements the move counter by 1. * **Clearing & Physics**: When the input is released, if the chain is valid, the balls should visually explode (using a simple particle system) or shrink rapidly. New balls should spawn at the top and fall down to fill the gaps (simple gravity animation using Tweens, e.g., GSAP). * **Power-ups**: * If a chain is longer than 7 dots, spawn a "Rocket" or "Bomb" power-up in place of the last dot. * Activation: Clicking the power-up clears a row/column or a radius of balls. ### 4. Mobile Controls & Interaction * **Input System**: Implement a robust Touch/Mouse event handler using `THREE.Raycaster`. * `touchstart` / `mousedown`: Select the starting ball. * `touchmove` / `mousemove`: continually cast rays to detect if the finger hovers over a valid adjacent neighbor. * `touchend` / `mouseup`: Execute the clear logic. * **Orientation**: **Portrait Mode** optimized. The camera should be fixed in a top-down view (OrthographicCamera preferred for this puzzle style) covering the grid width perfectly. * **Haptic Feedback**: Trigger `navigator.vibrate(10)` every time a new ball is successfully added to the chain to provide tactile confirmation. Trigger a stronger vibration `navigator.vibrate(50)` on explosion. * **UI Constraints**: Place UI elements (Score, Move Counter, Power-up buttons) at the top and bottom of the screen, leaving the center clear for the gameplay grid. Ensure buttons have a minimum touch target of 44x44 pixels. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Collect Em All! is a captivating puzzle game that combines strategic thinking with satisfying gameplay mechanics. In this colorful dot-connecting adventure, you'll need to link adjacent same-colored balls to create chains, clear the board, and rack up impressive scores. The game features a unique musical element where longer chains produce beautiful glissando sounds, making each successful connection both visually and audibly rewarding.

Core Features

Strategic Chain Building

The heart of Collect Em All! lies in its chain-building mechanics. You must carefully plan your moves as you have a limited number of actions per level, and once you start a path, you cannot backtrack. This creates an engaging puzzle experience where every decision matters and strategic planning is essential for success.

Musical Gameplay Experience

Unlike traditional puzzle games, Collect Em All! creates music through your gameplay. Instead of background music, the game generates satisfying musical notes as you connect dots. Longer chains produce more elaborate glissando effects, turning your puzzle-solving skills into a musical performance.

Power-ups and Explosions

Create incredible combo chains to unlock explosive power-ups that can dramatically change the game board. These power-ups can clear large sections of dots or shuffle the entire board, providing new strategic opportunities and helping you achieve even higher scores.

Daily Rewards and Progression

The game features a comprehensive reward system with daily bonuses that encourage regular play. Earn gold through successful gameplay to purchase helpful power-ups and stylish new skins that customize your game board's appearance.

Game Mechanics

Connect and Crush System

Your objective is to connect dots of the same color by dragging your mouse to create chains. The longer your chains, the more points you earn and the more bonus moves you receive. This creates a strategic loop where skillful play is rewarded with extended gameplay opportunities.

Limited Moves Challenge

Each level presents you with a specific number of moves, creating pressure to make every connection count. You must analyze the board layout, identify the best possible chains, and execute your strategy efficiently to maximize your score before running out of moves.

Leaderboard Competition

Compete against players worldwide on the global leaderboard. Your final scores are ranked against other players, adding a competitive element that motivates you to improve your chain-building skills and achieve new personal records.

Operation Guide

Mouse Control : Simply drag the left mouse button to connect same-colored balls. Start from any dot and drag to adjacent dots of the same color to create your chain.

Strategic Planning : Before making moves, survey the entire board to identify potential long chains. Look for clusters of same-colored dots and plan routes that maximize chain length.

Chain Optimization : Focus on creating the longest possible chains rather than multiple short ones. Longer chains provide exponentially better rewards in terms of points and bonus moves.

Platform Support

Collect Em All! offers excellent cross-platform compatibility: - Web Browser : Play directly in any modern browser on desktop or mobile devices - Android : Full mobile optimization for smartphones and tablets - iOS : Native support for iPhone and iPad - No Download Required : Instant play through your web browser without installation

Why Play This Game

Perfect for Puzzle Lovers

If you enjoy logic-based challenges that require strategic thinking and planning, Collect Em All! offers the perfect blend of accessibility and depth. The simple connect-the-dots mechanics are easy to learn but difficult to master.

Relaxing Yet Engaging

The game strikes an excellent balance between relaxation and mental stimulation. The satisfying visual and audio feedback creates a zen-like experience while the strategic elements keep your mind engaged.

Free-to-Play with Meaningful Progression

Enjoy the complete game experience without any upfront cost. The progression system through daily rewards and unlockable content provides long-term motivation without requiring purchases.

Social Competition

The leaderboard system adds a social element that enhances replay value. Compete with friends and players worldwide to see who can achieve the highest scores and longest chains.

Frequently Asked Questions (FAQ)