Shards - Breakout Paddle Game

Seele01-Flash
By
Shards is a vibrant 3D breakout paddle game where you break colorful blocks using physics-based gameplay. With multiple difficulty levels, power-ups, and cross-platform support, it offers classic arcade fun with modern visuals.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Shards" (A 3D Glass Brick Breaker). Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "Glossy Neon Glass". Use `MeshPhysicalMaterial` for the blocks with properties set for transparency (`transmission`), glossiness (`roughness: 0.1`), and reflectivity to simulate colored glass or candy. * **Color Palette**: Vibrant, high-saturation colors (Cyan, Magenta, Orange, Lime) against a deep, dark purple/violet abstract background (resembling a cosmic tunnel or nebula). * **Block Geometry**: Rounded rectangular prisms (chamfered boxes). Level layouts should vary, featuring patterns like spirals, rings, or classic grids. Use `InstancedMesh` for rendering blocks to ensure 60FPS on mobile devices. * **Paddle & Ball**: A metallic or glowing energy paddle. The ball should be a glowing sphere with a trail renderer (using a simple ribbon mesh or particles) to visualize speed. * **Particle Effects**: This is critical. When a block is destroyed, it must explode into triangular "shards" (low-poly particles) that scatter and fade. * **Optimization**: Limit dynamic light sources. Use a static HDRI map for reflections. Reuse geometries. ### 2. Audio Requirements * **BGM**: Upbeat, electronic Synth-pop or mild Techno track. Energetic but repetitive enough for an arcade loop. * **Sound Effects (SFX)**: * *Impact*: High-pitched "tink" or crystal shattering sound when breaking blocks. * *Paddle Hit*: A satisfying metallic "thud" or sci-fi energy bounce. * *Power-up*: A rising synthesizer chime. * *Game Over/Loss*: A shattering glass sound followed by a descending tone. ### 3. Gameplay Loop * **Core Mechanic**: Classic Breakout/Arkanoid style. The player controls a paddle at the bottom of the screen to bounce a ball upward to destroy 3D glass blocks. * **Physics**: Arcade physics (not full simulation). The ball bounces at consistent speeds but angles change based on where it hits the paddle (center = straight, edges = sharp angle). * **Power-up System**: Destroying specific blocks drops capsule items that fall slowly: * *Buffs*: "Wide Paddle" (Green), "Multi-ball" (Blue), "Fireball" (Red, penetrates blocks). * *Debuffs*: "Shrink Paddle" (Red), "Slow Ball" (Grey). * **Win/Loss**: * *Win*: Clear all blocks to generate the next level layout. * *Loss*: Ball passes the paddle and hits the bottom bounds. Player has 3 lives total. ### 4. Mobile Controls & Interaction * **Control Scheme**: One-handed touch & drag. The paddle usually tracks the X-axis position of the user's finger/thumb. Movement must be 1:1 and highly responsive. * **Orientation**: **Portrait Mode** (Vertical) only. * **Start Mechanism**: "Tap to Start" overlay. The ball is initially stuck to the paddle until the first tap. * **UI & Feedback**: * Score and Lives displayed at the very top (safe area compatible). * **Haptic Feedback**: Trigger a short vibration (using `navigator.vibrate`) whenever the ball hits a block or the paddle. * Screen Shake: Slight camera shake impact when the ball destroys a block. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Shards is a modern take on the classic breakout paddle game, featuring stunning 3D animation with transparent colored blocks and physics-based gameplay. Rated 3.7/5 by players, this engaging arcade game combines nostalgic paddle mechanics with contemporary visual effects and smooth gameplay experience.

The game challenges you to break all colored blocks on each level using a bouncing ball and your paddle. With its bright, colorful design and intuitive controls, Shards appeals to both casual gamers and arcade enthusiasts looking for a fun, addictive gaming experience.

Core Features

Stunning 3D Visual Experience

Shards stands out with its beautiful 3D animation and transparent color effects that create an immersive visual experience. The bright, colorful blocks shatter into realistic shards when hit, providing satisfying visual feedback for every successful hit.

Multiple Speed Settings

Customize your gameplay experience with three speed options: - Slow : Perfect for beginners or relaxed gaming sessions - Normal : Balanced gameplay for most players - Fast : High-intensity mode for experienced players seeking a challenge

Cross-Platform Compatibility

Built with HTML5 technology, Shards runs smoothly on: - Desktop computers (Windows, Mac, Linux) - Mobile devices (iOS and Android) - Tablets and other touch-enabled devices - All modern web browsers without downloads

Power-Up System

Enhance your gameplay with various power-ups and power-downs: - Paddle enlargement for easier ball control - Speed boosts for faster gameplay - Extra lives to extend your gaming session - Challenge modifiers like paddle shrinking for added difficulty

Progressive Difficulty Levels

The game features multiple levels with increasing difficulty, ensuring long-term engagement and replay value. Each level presents new challenges and block arrangements to keep the gameplay fresh and exciting.

Competitive Leaderboard

Compete against other players worldwide and see where you rank on the global leaderboard. Track your progress and strive to achieve the highest scores.

Gameplay Mechanics

Shards follows the classic breakout formula while adding modern touches:

  1. Ball Physics : Realistic ball movement and collision detection
  2. Block Destruction : Colorful blocks break into shards with satisfying effects
  3. Lives System : Three lives per game session add strategic tension
  4. Vertical Layout : Optimized for both portrait and landscape orientations

How to Play

Basic Controls

  • Mouse : Move your mouse left and right to control the paddle on desktop
  • Touch : Use your finger to drag the paddle left and right on mobile devices
  • Objective : Bounce the ball into all colored blocks to clear each level

Game Strategy

  • Position your paddle to direct the ball toward remaining blocks
  • Collect beneficial power-ups while avoiding negative effects
  • Use the three speed settings to match your skill level
  • Plan your shots to maximize block destruction efficiency

Settings and Customization

Adjust your gaming experience through the settings menu: - Sound controls : Modify or mute game audio - Visual options : Customize display preferences - Speed selection : Choose your preferred gameplay pace

Why Play Shards

Shards offers the perfect combination of nostalgic arcade gameplay and modern gaming technology. Whether you're looking for a quick gaming session during a break or an extended play session to climb the leaderboard, this game delivers:

  • Instant accessibility : No downloads required, play immediately in your browser
  • Universal appeal : Suitable for all ages with intuitive gameplay
  • Skill development : Improves hand-eye coordination and reaction time
  • Stress relief : Satisfying block-breaking action provides relaxing entertainment
  • Competitive element : Global leaderboard adds motivation and replay value

The game's physics-based mechanics ensure that each level feels dynamic and engaging, while the power-up system adds strategic depth beyond simple ball-bouncing. With its combination of classic arcade action and modern presentation, Shards successfully bridges retro gaming nostalgia with contemporary gaming standards.

Frequently Asked Questions (FAQ)