Bouncer - Ball Juggling Sports Game

Seele01-Flash
By
Bouncer is a charming ball-juggling sports game where you control a cute ball-shaped character to keep multiple balls airborne. Simple to learn but challenging to master, with intuitive mouse controls.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Bouncer: The 3D Remake**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Cute" & "Sports" aesthetic. Use a clean, Low-Poly style with **Toon Shading (Cel Shading)** to keep it performant and visually appealing on mobile screens. * **Character:** A "Ball-shaped Man." Create a spherical main body (bright color like Orange or Red) with floating distinct feet and large expressive eyes. No complex rigging; animate the feet by sine-wave floating to simulate walking/running. * **Environment:** A stylized, mini tennis court. * **Floor:** Green matte texture with white boundary lines. * **Background:** A simple blue skybox with low-poly clouds or a gradient background. * **Props:** A stylized "Ball Cannon" mechanism placed on the right side of the screen. * **Particles:** Simple confetti explosion when a high score is reached, and small dust puffs when the player lands after a jump. * **Mobile Optimization:** Limit geometries to basic primitives (SphereGeometry, BoxGeometry) merged where possible. Use `THREE.InstancedMesh` if multiple balls are on screen. ### 2. Audio Requirements * **BGM:** A lighthearted, whistling-style catchy tune (approx 120 BPM) that loops seamlessly. It should sound like a casual sunny day at a park. * **Sound Effects (SFX):** * **Cannon Fire:** A soft pneumatic "Thump" sound. * **Head Bounce:** A satisfying "Boing" or tennis-racket "Pock" sound when the ball hits the player. * **Jump Charge:** A pitch-rising synth tone while the user holds the screen. * **Game Over:** A whistle blow followed by a descending "Aww" sound. ### 3. Gameplay Loop * **Core Mechanic:** The player controls the spherical character on a 2D plane (movement only along the X-axis). The cannon shoots tennis balls in an arc towards the player. * **Objective:** The player must position themselves under the ball to bounce it off their head. * **Charge & Jump:** * The ball naturally bounces a little if it hits the player standing still. * **Skill Element:** If the player "Jumps" (releases charge) exactly as the ball hits, the ball launches higher, granting "Power Points" (2x score). * **Difficulty Progression:** Every 5 successful bounces, the cannon fires slightly faster, or introduces a second ball. * **Fail State:** If a ball touches the ground (Green floor), the game ends. Show a "Game Over" UI with a "Restart" button. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Landscape preferred (adjust Camera FOV if Portrait is detected). * **Touch Controls (Split Screen Logic):** * **Left Half of Screen (Movement):** Invisible horizontal slider. Dragging finger left/right moves the character directly. Movement should be 1:1 with finger tracking for precision, clamped to court boundaries. * **Right Half of Screen (Action):** * **Touch Start & Hold:** Character squats (scales down Y-axis slightly) to "Charge" power. * **Touch Release:** Character jumps upwards. * **Haptics:** Trigger `navigator.vibrate(15)` when the ball hits the player's head for tactile feedback. * **UI:** * Score display in top-center (large, bold font). * Start/Restart button must be at least 60x60px for easy tapping. * Prevent default browser scrolling/zooming 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 the Game

Bouncer is a delightful sports game that combines skill, timing, and coordination in a uniquely entertaining package. You control a lovable ball-shaped character whose mission is to keep multiple balls bouncing in the air using only your head. What starts as a simple juggling challenge quickly evolves into an addictive test of reflexes and precision.

This charming game earned a solid 3.04/5 rating from players who appreciate its cute aesthetic and progressively challenging gameplay. The concept is deceptively simple: bounce balls off your character's head to keep them airborne, but mastering the physics and timing requires genuine skill and practice.

Core Features

Intuitive Mouse Controls

Bouncer features incredibly accessible controls that anyone can learn within seconds. Simply use your mouse to guide your ball-shaped character around the screen, positioning yourself perfectly to intercept falling balls.

Progressive Difficulty System

The game starts gently with just one or two balls, allowing new players to grasp the basic mechanics. As you improve, more balls are introduced, creating increasingly complex juggling patterns that challenge even experienced players.

Charming Visual Design

Featuring cute, colorful graphics that appeal to players of all ages, Bouncer creates a friendly and welcoming atmosphere. The ball-shaped protagonist has personality and charm that makes every bounce feel rewarding.

Physics-Based Gameplay

Realistic ball physics make each bounce feel natural and predictable, allowing skilled players to develop advanced techniques and strategies for maintaining longer juggling sequences.

Game Mechanics

Basic Ball Bouncing

Position your character under falling balls and use your head to bounce them back into the air. Each successful bounce keeps the ball active and contributes to your ongoing score.

Power Jumping System

Hold down the mouse button to charge up a powerful jump, then release for extra height and force. This advanced technique is essential for reaching high balls and creating spectacular bouncing combinations.

Timing and Positioning

Success in Bouncer requires careful timing and strategic positioning. Learn to anticipate where balls will fall and position yourself accordingly for optimal bouncing angles.

Operation Guide

Mouse Movement : Guide your ball-shaped character left and right across the screen to position under falling balls.

Click and Hold : Press and hold the left mouse button to charge up a power jump for extra height and bouncing force.

Release to Jump : Release the mouse button to execute your jump and hit balls with increased power and precision.

Strategic Positioning : Move proactively to intercept balls before they hit the ground, maintaining continuous juggling sequences.

The key to success is developing smooth, fluid movements that allow you to transition seamlessly between different ball positions while maintaining rhythm and control.

Why Play Bouncer

Perfect for All Skill Levels : Whether you're a casual player looking for quick entertainment or a serious gamer seeking a new challenge, Bouncer adapts to your skill level with its progressive difficulty system.

Instant Accessibility : No downloads, registrations, or complicated setups required. Simply open your browser and start playing immediately on any device with internet access.

Stress-Free Gaming : The cute, colorful design and gentle learning curve create a relaxing gaming experience that's perfect for unwinding or taking a quick break.

Skill Development : Improve your hand-eye coordination, timing, and multitasking abilities while having fun with this engaging sports challenge.

Family-Friendly Fun : Suitable for all ages with completely appropriate content that parents can feel confident sharing with children.

Bouncer proves that the best games often have the simplest concepts executed with style, charm, and genuine gameplay depth.

Frequently Asked Questions (FAQ)