Ball Blast - Cannon Shooting Arcade Game

Seele01-Flash
By
Ball Blast is an addictive hypercasual arcade game where you shoot cannon balls at numbered shapes while dodging falling objects. Test your reflexes and aim for the highest score in this fast-paced survival shooter.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Ball Blast". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A "Juicy" Hypercasual aesthetic. Use 3D primitive shapes (Spheres, Cylinders) with a flat, toon-shaded look or Matcap materials to simulate the 2D vector art style of the original game while utilizing WebGL performance. * **Camera:** Use an **Orthographic Camera** fixed in a top-down or front-facing view to strictly simulate a 2D plane. The game should look 2D but be built with 3D meshes. * **Player (Cannon):** A sleek, cylindrical cannon positioned at the bottom center. It must have a recoil animation (scaling on the Y-axis) when shooting. * **Enemies (Rocks):** Bouncing geometric shapes (Spheres or Hexagons) displaying a floating number (TextGeometry or CanvasTexture) representing their HP. They should have varied vibrant colors based on their HP level (e.g., Red = High HP, Green = Low HP). * **Background:** A simple, multi-layered parallax background (gradient sky + low-poly distant mountains) that scrolls slowly to simulate upward progression, even though the player is stationary. * **Particles:** Heavy use of particle systems. When a rock is hit, spawn small debris. When destroyed, spawn a large explosion effect. * **Optimization:** Use `InstancedMesh` for bullets and particles to handle high object counts (hundreds of bullets) on mobile devices without frame drops. ### 2. Audio Requirements * **BGM:** An energetic, high-tempo Arcade/Synth-pop loop that encourages fast reaction times. * **SFX - Shooting:** A soft, rapid-fire "pop" or "thwip" sound (must not be ear-piercing as it repeats constantly). * **SFX - Impact:** A satisfying "crunch" or stone-chipping sound when bullets hit rocks. * **SFX - Explosion:** A bass-heavy boom when a large rock is destroyed. * **SFX - UI:** distinct sounds for Game Over and High Score notifications. ### 3. Gameplay Loop * **Core Mechanic:** The player controls a cannon fixed at the bottom of the screen, moving only along the X-axis. The cannon **auto-fires** a continuous stream of bullets upward. * **Enemy Logic:** "Rocks" fall from the top, bouncing realistically off the side walls and the ground (physics-based restitution). Each rock has a number (HP). * **Splitting Mechanic:** Large rocks do not disappear immediately; when their HP hits 0, they split into two smaller medium rocks, which split into smaller rocks, until the smallest size is destroyed. * **Damage/Score:** Each bullet reduces Rock HP by 1. Score increases per hit. * **Win/Loss:** The game is an infinite runner. The game ends immediately if a rock collides with the player's cannon. * **Difficulty:** Rocks spawn with higher HP numbers as the score increases. Gravity or bounce speed may slightly increase over time. ### 4. Mobile Controls & Interaction * **Touch Controls:** Implement a **1:1 Slide Control** system. The player can touch *anywhere* on the screen and drag left/right to move the cannon. Do not use on-screen buttons; use the delta of the touch movement. * **Screen Orientation:** **Portrait Mode** only. The game logic must handle dynamic resizing (`window.addEventListener('resize')`) to adapt to different aspect ratios (iPhone notch, tall Android screens). * **Feedback:** Implement `navigator.vibrate` for Haptic Feedback. Trigger a light vibration (5ms) when a large rock is destroyed and a heavy vibration (200ms) on Game Over. * **UI:** Display the Score in the top center (large font). A "Tap to Start" overlay at the beginning. Ensure all interactive UI elements are within the "Safe Area" avoiding the bottom home bar and top notch. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Ball Blast

Ball Blast is an exciting hypercasual arcade game that combines precision shooting with quick reflexes. In this thrilling 2D cannon shooter, your mission is to blast numbered shapes with cannon balls while avoiding the falling debris that threatens to end your game. The simple yet addictive gameplay makes it perfect for quick gaming sessions or extended play to beat your high score.

This fast-paced survival game challenges players to think strategically about their shots while maintaining lightning-fast reflexes to dodge falling objects. The game's hypercasual design means anyone can pick it up and play, but mastering the high-score chase requires skill and practice.

Core Features

Explosive Chain Reactions

The game's core mechanic revolves around shooting numbered shapes that break into smaller pieces when hit. Large shapes explode into multiple smaller ones, creating exciting chain reactions and increasing the challenge as more objects fill the screen.

Progressive Difficulty

As you survive longer, the game becomes increasingly challenging with more falling objects, faster speeds, and complex patterns that test your multitasking abilities.

Instant Accessibility

Ball Blast is completely free to play with no downloads required. Simply open your web browser on any device - computer, tablet, or smartphone - and start playing immediately.

Addictive Scoring System

The game tracks your survival time and destruction count, encouraging players to beat their personal best and compete for higher scores through improved accuracy and reflexes.

Gameplay Mechanics

Shooting Strategy

Your cannon continuously fires upward at numbered shapes. Each shape requires multiple hits equal to its number to be destroyed. Strategic targeting of larger numbers can create satisfying chain reactions when they break apart.

Survival Elements

The key to success is avoiding the falling shapes while maintaining accurate fire. As shapes are destroyed, their fragments fall down - contact with any falling object ends your game immediately.

Movement and Positioning

You can move your cannon left and right across the bottom of the screen to find the best shooting angles and avoid falling debris. Positioning is crucial for both offensive and defensive play.

Controls Guide

Mouse Controls: - Drag left mouse button left/right : Move cannon and aim - Automatic firing : Cannon shoots continuously while you focus on movement and targeting

Touch Controls (Mobile): - Drag finger left/right : Control cannon movement and aiming - Responsive touch : Smooth movement optimized for mobile devices

The intuitive control scheme makes Ball Blast accessible to players of all ages and skill levels.

Why Play Ball Blast

Perfect for Quick Sessions

Ball Blast's hypercasual nature makes it ideal for short gaming breaks. Each session can last anywhere from seconds to minutes, depending on your skill level.

Skill Development

The game naturally improves your hand-eye coordination, reaction times, and multitasking abilities through its demanding gameplay.

Cross-Platform Compatibility

Play seamlessly across all your devices - desktop computers, laptops, tablets, and smartphones all support the game through modern web browsers.

No Commitment Required

With no downloads, accounts, or installations needed, you can jump in and out of the game whenever you want without any hassle.

Competitive Element

Chase high scores and challenge yourself to survive longer with each attempt. The simple scoring system makes it easy to track improvement over time.

Frequently Asked Questions (FAQ)