Boom! - Retro Pixel Battle Arena

Seele01-Flash
By
Boom! is an explosive retro-inspired turn-based battle game featuring pixel art graphics, over 250 unique fighters, and chaotic combat with bizarre weapons across 150+ destructible battlefields.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Boom!". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D "Paper Mario" or Retro Pixel style. Use an **OrthographicCamera** to simulate a flat 2D view while maintaining depth for background layers. * **Characters:** Represent players as billboarded sprites (textures on planes) featuring quirky designs like "Pumpkin Head," "Skeleton," or "Bat" (as seen in the reference). They must face the direction of movement. * **Terrain (Crucial):** Implement a **destructible terrain system**. Use a `THREE.CanvasTexture` for the foreground map. When an explosion occurs, programmatically update the canvas context (`globalCompositeOperation = 'destination-out'`) to "erase" circular chunks of the ground, then update the texture. * **Background:** A vibrant, saturated orange gradient skybox (referencing the image) with floating pixel-art clouds moving slowly (parallax effect) to add depth. * **Particles:** extensive use of pixelated particle systems for explosions, projectile trails, and jump dust. * **Performance:** Use low-poly geometries for projectiles. Limit active particle count to 200 to ensure 60FPS on mobile browsers. ### 2. Audio Requirements * **BGM:** A high-energy, looping **8-bit Chiptune/Synthwave** track. It should feel chaotic but fun. * **SFX:** * **Jump:** A classic retro "Boing" or rising synth slide. * **Fire:** A comical "Pew" or "Pop" sound. * **Explosion:** Crunchy, distorted 8-bit noise. * **Impact/Damage:** A "Oof" or squish sound. * **UI:** High-pitched blips for button presses. ### 3. Gameplay Loop * **Turn-Based Artillery Logic:** The game cycles between two players (Player vs. AI or Hotseat). * **Phase 1: Movement/Jump:** The active player has limited time/moves to position themselves. * **Phase 2: Action:** Player selects a weapon (Standard Bazooka, or quirky ones like "Fart Bean"). * **Phase 3: Firing:** Player sets angle and power. A projectile launches, affected by gravity and wind. * **Phase 4: Resolution:** Projectile hits terrain or enemy -> Terrain is destroyed -> Damage is calculated based on proximity to the blast center. * **Win Condition:** Reduce the opponent's HP to 0 or knock them off the map boundaries. ### 4. Mobile Controls & Interaction * **Orientation:** Landscape Mode (Force logic or UI adaptation). * **Drag-to-Aim Mechanism:** * Touch and drag anywhere on the screen to pull back a virtual slingshot. * **Visual Feedback:** Render a dashed trajectory line (prediction) that updates in real-time as the user drags, showing the estimated flight path. * Release touch to fire. * **UI Layout:** * **Top:** Health bars (Red vs Blue) and Wind Indicator arrow. * **Bottom Left:** A large circular button for "Jump" (easy thumb access). * **Bottom Right:** A "Weapon Swap" button and an "Emoji Chat" button (overlay grid of emojis for quick taunts). * **Touch Targets:** All buttons must be at least 48x48 pixels equivalent. * **Haptic Feedback:** Trigger the device vibration API (`navigator.vibrate`) on explosions or when taking damage. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Boom! is a thrilling turn-based battle arena game that combines retro pixel art aesthetics with explosive tactical combat. This browser-based multiplayer experience offers endless entertainment as you engage in strategic duels using an arsenal of quirky weapons and power-ups. With its distinctive pixel graphics and unpredictable gameplay mechanics, Boom! delivers both nostalgia and fresh excitement in every match.

Core Features

Massive Character Roster

Choose from over 250 unique fighters , each with their own distinct pixel art design and characteristics. From spooky skeletons to pumpkin-headed warriors, the diverse cast ensures every battle feels fresh and exciting.

Destructible Battle Arenas

Fight across more than 150 different battlefields , each featuring fully destructible environments. Watch as your explosive attacks reshape the terrain, creating new strategic opportunities and challenges mid-battle.

Bizarre Weapon Arsenal

Unleash chaos with unconventional weapons including: - Fart beans for unexpected area damage - Teleport balls for tactical repositioning - Bazookas for massive explosive damage - Various guns for precise targeting - And many more outrageous armaments

Strategic Turn-Based Combat

Every duel is a test of wit and planning. Each turn allows you to jump, use power-ups, attack, and reposition strategically. The turn-based system ensures that both skill and strategy determine victory.

Multiplayer Social Features

  • Challenge friends in private duels
  • Climb competitive rankings
  • Communicate with opponents using emoji chat
  • Play solo against AI or join multiplayer battles

Gameplay Mechanics

Turn Structure

Each turn in Boom! follows a flexible action sequence: 1. Optional Jump : Aim and leap to better positions 2. Power-up Usage : Deploy special abilities and items 3. Attack Phase : Select weapons and aim your shots 4. Additional Movement : Make final positioning adjustments

Strategic Elements

Success requires mastering: - Trajectory calculation for accurate shots - Environmental awareness to use destructible terrain - Power-up timing for maximum tactical advantage - Positioning strategy to avoid enemy attacks

Operation Guide

Basic Controls

  • Left Mouse Button : Navigate menus and interact with game interface
  • Drag and Release : Aim jumps and weapon trajectories
  • Click Selection : Choose weapons, power-ups, and targets

Combat Actions

  1. Jumping : Drag the aiming stick to set direction and power, then release to execute
  2. Power-up Activation : Select from available power-ups and deploy strategically
  3. Weapon Attack : Choose your weapon, aim using the trajectory stick, and fire
  4. Communication : Use emoji system to interact with opponents during matches

Advanced Tactics

  • Terrain Modification : Use explosive weapons to create tactical advantages
  • Combo Strategies : Chain power-ups with attacks for devastating effects
  • Defensive Positioning : Utilize cover and elevation for protection

Why Play Boom!

Perfect for Strategy Lovers : The turn-based format allows for thoughtful tactical planning while maintaining fast-paced excitement.

Endless Variety : With 250+ characters and 150+ arenas, every match offers new combinations and challenges.

Completely Free : Full game experience available in your browser with no downloads, installations, or hidden costs.

Social Gaming : Built-in multiplayer features make it perfect for competing with friends or meeting new opponents online.

Nostalgic Appeal : Pixel art graphics and retro sound design appeal to both classic gaming enthusiasts and modern players.

Skill Development : Master trajectory physics, strategic thinking, and tactical positioning through engaging gameplay.

Whether you're seeking quick casual matches or intense competitive battles, Boom! delivers explosive entertainment that combines the best elements of classic artillery games with modern multiplayer features.

Frequently Asked Questions (FAQ)