Split Ball - Strategic Arcade Puzzle Game

Seele01-Flash
By
Split Ball is an addictive free arcade puzzle game that challenges your strategic thinking and reflexes. Build walls to contain bouncing balls while filling the board to progress through increasingly difficult levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Split Ball" (a modern 3D interpretation of the classic JezzBall/Qix mechanics). Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Clean, vibrant Arcade aesthetics with a slightly retro-futuristic feel. * **Camera**: Fixed Orthographic Camera (Top-Down view) to ensure precise gameplay geometry, but positioned slightly tilted to show the 3D depth of the walls and balls. * **The Board**: A rectangular arena (PlaneGeometry) with a grid texture. The background color should be deep dark blue or grey. * **The Balls**: Shiny, reflective spheres (MeshStandardMaterial with high metalness) that emit a faint glow (PointLight attached). Use distinct colors (Red/Blue) to match the thumbnail vibe. * **The Walls**: * **Active Walls**: When growing, they should look like laser beams or energetic plasma (Neon Blue/Red). * **Solid Walls**: Once solidified, they become opaque geometric blocks (BoxGeometry). * **Filled Areas**: When a section of the board is captured, it should change texture or color to indicate it is "conquered" territory. * **Optimization**: Use `InstancedMesh` if ball count exceeds 10. Limit dynamic lights. Use simple geometric primitives to keep the frame rate high on mobile devices. ### 2. Audio Requirements * **BGM**: Upbeat, rhythmic electronic/synthwave track that increases in tempo as the percentage filled gets closer to the goal. * **Sound Effects (SFX)**: * **Wall Deploy**: A "zipping" or sci-fi extension sound. * **Bounce**: A metallic "ping" or rubbery bounce when balls hit walls. * **Crash/Damage**: A glass-shattering or electrical "zap" sound when a ball hits a *forming* wall (player failure). * **Area Capture**: A satisfying "thud" or "chime" chord when an area is successfully filled. ### 3. Gameplay Loop * **Core Mechanic**: The player must divide the play area by building walls. * **The Enemies**: Balls bounce continuously off the outer boundaries and existing walls using simple reflection physics. * **Building Logic**: * The player initiates a wall. The wall grows in two opposite directions (e.g., Left and Right, or Up and Down) from the touch point. * The wall stops growing when it hits an existing wall or the arena border. * **Win Condition**: When an enclosed area contains **NO balls**, that area is considered "filled." The level is won when **75%** of the total board area is filled. * **Lose Condition**: If a ball hits the *growing tip* of a wall before it connects to a solid surface, the wall shatters, and the player loses a life. * **Progression**: Each subsequent level adds more balls or increases their speed. ### 4. Mobile Controls & Interaction * **Input Method**: Single-finger touch interaction using Three.js `Raycaster`. * **Control Scheme**: * **Tap & Swipe**: Tap anywhere on the arena to define the wall's origin. Quickly swipe Horizontal or Vertical to determine the direction of the wall build. * **Alternative (Simpler)**: Tap to pause the game briefly and choose orientation via a UI toggle, then tap the board to place. (Prefer Swipe method for flow). * **Orientation**: Portrait mode is preferred for one-handed play, but the canvas must resize dynamically (`window.addEventListener('resize')`). * **UI/UX**: * Display a "Percentage Filled" bar at the top (large, readable text). * Display "Lives" remaining. * **Haptics**: Trigger `navigator.vibrate(200)` on crash (losing a life) and a light `navigator.vibrate(50)` on successful area capture. * Prevent default browser behaviors (zooming, scrolling) via CSS (`touch-action: none`). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Split Ball

Split Ball is a captivating arcade puzzle game that combines strategic thinking with lightning-fast reflexes. With a solid 4.3/5 rating from players, this free-to-play browser game offers an engaging challenge where you must build walls to contain bouncing balls while achieving specific board coverage percentages.

The game's unique concept revolves around the idea of division and containment - as balls bounce freely across the playing field, your mission is to strategically place walls that will trap them in designated areas. Each level requires you to fill a certain percentage of the board before you can advance, with the difficulty ramping up progressively.

Core Features

Completely Free Gaming Experience

Enjoy unlimited gameplay without any payment requirements. Split Ball is entirely free-to-play with no hidden costs or premium content locks.

Cross-Platform Compatibility

Perfectly optimized for both desktop and mobile devices. Whether you're using a computer mouse or touchscreen, the controls are intuitive and responsive.

Progressive Difficulty System

Start with manageable challenges and gradually face more demanding levels. As the required board coverage percentage increases, so does your skill level, ensuring a balanced learning curve.

Strategic Gameplay Mechanics

  • Wall Building : Create barriers to contain bouncing balls
  • Percentage Goals : Achieve specific board coverage targets
  • Collision Avoidance : Avoid contact with moving balls while building
  • Timing Challenges : Execute precise moves when balls are in safe positions

Classic Arcade Appeal

Experience the nostalgic feel of classic arcade games with modern browser-based convenience. No downloads required - just open and play instantly.

Game Mechanics

The core gameplay revolves around strategic wall placement and timing. Balls continuously bounce around the playing field in unpredictable patterns, and your goal is to section off areas of the board by building walls. However, there's a catch - if a bouncing ball hits you while you're building a wall, you'll lose progress.

Success requires: - Pattern Recognition : Understanding ball movement trajectories - Strategic Planning : Identifying optimal wall placement locations - Quick Reflexes : Executing moves when it's safe to build - Risk Assessment : Balancing aggressive expansion with safety

How to Play

Desktop Controls

  • Mouse : Point and click to start building walls
  • Drag : Create wall segments by dragging across the board
  • Strategy : Plan your moves when balls are distant from your building area

Mobile Controls

  • Tap : Touch the screen to begin wall construction
  • Drag : Slide your finger to create wall segments
  • Timing : Wait for safe moments when balls won't interfere

Winning Strategy

  1. Observe ball movement patterns before making moves
  2. Build walls in corners or edges where it's safer
  3. Create small enclosed areas first, then expand
  4. Use the pause between ball bounces to your advantage
  5. Don't rush - patience often leads to better results

Why Play Split Ball

Split Ball offers a perfect blend of strategy and action that appeals to puzzle enthusiasts and arcade game fans alike. The game's simple concept masks a deep strategic challenge that will keep you engaged for hours. Each level presents a unique puzzle that requires both tactical thinking and precise execution.

The game's accessibility is another major advantage - no complex tutorials, no complicated controls, just pure gameplay that anyone can understand but few can master. Whether you have five minutes or an hour to spare, Split Ball adapts to your available time while providing consistently engaging challenges.

For players who enjoy games that test both mental agility and physical reflexes, Split Ball delivers an experience that's both nostalgic and fresh, challenging yet fair, and always rewarding when you finally conquer that difficult level.

Frequently Asked Questions (FAQ)