Idle Breakout

Seele01-Flash
By
Idle Breakout is an innovative brick breaking idle game that combines classic breakout gameplay with modern idle mechanics. Click to break bricks manually, then unlock automated balls to destroy blocks for you while you're away.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Idle Breakout 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Clean, minimalistic "Flat 3D" aesthetic. Use an Orthographic Camera to simulate a 2D look but with 3D depth. * **Background:** A soft, cream/off-white color (`#fdf6e3`) to match the reference image's retro vibe. * **Bricks:** Rounded 3D boxes (`BoxGeometry` with bevels). They should be arranged in a grid pattern at the top of the screen. * **Balls:** Simple spheres with an "Unlit" or "Toon" shader material. * **Color Coding:** Bricks should change color based on their remaining HP (e.g., Blue for low HP, transitioning to Green, Red, and Gold for high HP). * **UI Text:** Use 3D floating text (billboarded sprites or MSDF text) above bricks to show their remaining HP numbers. * **Performance Optimization:** **Crucial for Mobile:** Use `THREE.InstancedMesh` for rendering the grid of bricks to keep draw calls low. Use object pooling for particles and projectiles. ### 2. Audio Requirements * **BGM:** A chill, lo-fi hip-hop or soft synth-wave track. It must be repetitive but non-intrusive, suitable for long idle sessions. * **Sound Effects (SFX):** * **Brick Hit:** A satisfying, short "tock" or mechanical click sound. Pitch should vary slightly per hit to prevent audio fatigue. * **Brick Break:** A "pop" or glass-shattering sound mixed with a digital coin collection sound. * **Upgrade Buy:** A classic arcade "power-up" rising tone. * **Tap:** A soft "thud" for manual clicking. ### 3. Gameplay Loop * **Core Mechanic:** The player faces a layout of bricks, each with a specific HP number. * **Active Play:** The player taps a brick to deal 1 damage (Click Damage). * **Idle Play:** Balls bounce automatically within the play area using simple vector reflection physics (AABB collision). They never fall off-screen; they bounce off walls and bricks forever. * **Progression:** * Destroying a brick awards Money equal to the brick's max HP. * When all bricks are cleared, a new, slightly harder layout generates immediately (Level Up). * **Upgrades (Shop UI):** 1. **Buy Ball:** Adds a standard bouncing ball to the field (Cost scales exponentially). 2. **Upgrade Click:** Increases damage dealt by player taps. 3. **Ball Speed/Power:** Increases the speed or damage of all active balls. 4. **Special Balls:** (Logic hook for "Poison" balls which apply damage-over-time to bricks they hit). ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Portrait Mode** (Vertical). This is essential for one-handed mobile play. * **Touch Controls:** * **Gameplay Area (Top 70%):** Tapping anywhere on a brick triggers a `Raycaster` check to deal damage. Implement a particle explosion at the tap point. * **Control Panel (Bottom 30%):** A dedicated HTML/CSS overlay (not Canvas) for the upgrade shop. * **UI Design:** Buttons must be large (minimum 44x44px hit area) with high contrast borders. * **Feedback System:** * **Haptics:** Trigger `navigator.vibrate(10)` when a brick is destroyed. * **Visual Juice:** When a brick is hit, it should scale down slightly and bounce back (tweening). When destroyed, spawn 5-10 small cube particles that fall with gravity. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Idle Breakout revolutionizes the classic brick breaking genre by introducing idle game mechanics that keep the action going even when you're not actively playing. This addictive browser-based game starts simple - click on colored bricks to reduce their numbers to zero - but evolves into a complex strategy game with multiple ball types, upgrades, and automated systems.

The game perfectly balances active clicking with passive progression, making it ideal for both focused gaming sessions and background play. Whether you're a fan of classic breakout games or modern idle mechanics, this title offers something uniquely engaging.

Core Features

Automated Ball System

The heart of Idle Breakout lies in its diverse ball collection. Each ball type offers unique advantages:

  • Basic Balls : Steady, reliable brick destruction for consistent progress
  • Poison Balls : Infect nearby bricks to deal double damage over time
  • Power Balls : Enhanced damage output for faster brick clearing
  • Specialty Balls : Unique mechanics that unlock advanced strategies

Progressive Upgrade System

Every click and ball impact earns you currency to invest in powerful upgrades:

  • Click Power : Multiply your manual clicking damage exponentially
  • Ball Speed : Increase movement speed for faster brick contact
  • Ball Damage : Boost individual ball destruction capabilities
  • Special Abilities : Unlock game-changing mechanics and effects

Strategic Depth

While the concept seems simple, Idle Breakout offers surprising strategic complexity. Players must balance investment between different ball types, decide when to focus on manual clicking versus automation, and optimize upgrade paths for maximum efficiency.

Gameplay Mechanics

Idle Breakout begins with pure manual interaction - you click on bricks to reduce their hit points. Each brick displays a number indicating how many hits it needs to be destroyed. As you accumulate money from destroyed bricks, you can purchase your first automated balls.

Once balls are active, they continuously bounce around the screen, automatically hitting bricks and generating income. This allows for true idle progression - you can leave the game running and return to find significant advancement.

The poison ball mechanic adds strategic depth by creating chain reactions. When a poison ball hits a brick, it spreads infection to adjacent blocks, causing ongoing damage that can clear entire sections efficiently.

Operation Guide

Basic Controls

  • Mouse Click : Click directly on bricks to deal damage
  • Purchase Menu : Use mouse to buy balls and upgrades
  • Progress Tracking : Monitor your earnings and brick destruction rates

Getting Started

  1. Phase 1 : Click manually on bricks to earn initial currency
  2. Phase 2 : Purchase your first basic ball for automated play
  3. Phase 3 : Invest in upgrades to improve efficiency
  4. Phase 4 : Unlock advanced ball types and strategies
  5. Phase 5 : Optimize your setup for maximum idle progression

Advanced Strategies

  • Focus on click power upgrades early for better manual income
  • Balance ball quantity with individual ball upgrades
  • Prioritize poison balls for their chain reaction potential
  • Leave the game running to maximize idle progression

Why Play Idle Breakout

Perfect for Any Schedule : The idle mechanics mean you can progress whether actively playing or just checking in occasionally. It's ideal for players who want meaningful advancement without constant attention.

Nostalgic Yet Modern : Combines the satisfying brick-breaking action of classic arcade games with contemporary progression systems that keep you engaged for hours.

Strategic Depth : Despite simple mechanics, the upgrade paths and ball combinations offer genuine strategic decisions that impact your progression speed.

Completely Free : No hidden costs, premium currencies, or pay-to-win mechanics. All content is accessible through gameplay progression.

Cross-Platform Compatibility : Play seamlessly on desktop computers, tablets, or mobile phones through any modern web browser.

The game strikes an excellent balance between active engagement and passive progression, making it perfect for both dedicated gaming sessions and casual background play. Whether you're looking for a quick stress-reliever or a long-term progression challenge, Idle Breakout delivers on both fronts.

Frequently Asked Questions (FAQ)