Bounce Ball - Clicker Game

Seele01-Flash
By
Bounce Ball is a simple yet addictive clicker game where you tap to bounce a ball through sliding obstacles. With minimalist design and relaxing gameplay, it's perfect for quick gaming sessions.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Bounce Ball - Minimalist Vertical Clicker**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist "Flat Design" realized in 3D. Use an **Orthographic Camera** to create a non-perspective, 2D vector art look similar to the screenshot. * **Color Palette**: * **Background**: Dynamic pastel colors that slowly transition over time or per game session (Teal #40E0D0, Soft Gray #D3D3D3, Lavender #E6E6FA, Baby Blue #89CFF0). * **Foreground**: Pure White (#FFFFFF) for the player ball and obstacle blocks. * **Lighting & Shadows**: This is crucial for the visual identity. Use a Directional Light to cast **hard, sharp shadows** (slightly offset to the bottom-right) onto a background plane. This creates a "floating paper" or "material design" effect. * **Geometry**: * **Player**: A simple `SphereGeometry` (smooth shading). * **Obstacles**: `BoxGeometry` (rectangular bars). * **Optimization**: Use `MeshLambertMaterial` or `MeshBasicMaterial` for performance. Limit draw calls by merging obstacle geometries if possible, or simply pooling objects. ### 2. Audio Requirements * **BGM**: A relaxing, lo-fi chill-hop beat or ambient minimalist electronic track. It should be unobtrusive. * **Sound Effects (Synthesized)**: * **Jump/Bounce**: A soft, "thwup" or muted pop sound (low frequency) when the screen is tapped. * **Score**: A subtle, high-pitched "ding" or crystal drop sound when passing an obstacle layer. * **Game Over**: A quick, jarring "wood block" collision sound or a low-pitch descending tone. ### 3. Gameplay Loop * **Core Mechanics**: * **Vertical Ascent**: The camera automatically scrolls upwards at a steady pace (or follows the ball if the ball goes above a certain screen threshold). * **Gravity & Impulse**: Gravity constantly pulls the ball down. Tapping the screen applies an instant upward vertical impulse (velocity Y). * **Obstacles**: Rows of white blocks appear from the top. They are arranged as "gates" with a gap in the middle. * *Dynamic Difficulty*: Some blocks should be static, while others "slide" horizontally (oscillate left and right), changing the gap position to increase difficulty as the score gets higher. * **Win/Loss Conditions**: * **Loss**: Touching any white block or falling off the bottom of the screen triggers Game Over. * **Score**: +1 Point for every horizontal row of blocks successfully passed. * **Cycle**: Main Menu (Tap to Start) -> Gameplay -> Collision -> Game Over Screen (Current Score & Best Score) -> Tap to Restart. ### 4. Mobile Controls & Interaction * **Input Handling**: * Use `touchstart` (and `mousedown` for fallback) attached to the `window`. * **Action**: Any tap anywhere on the screen triggers the "Bounce/Jump". * **Prevention**: Add `event.preventDefault()` to prevent scrolling or zooming on mobile browsers. * **Screen Adaptation**: * Design specifically for **Portrait Mode**. * Responsive resize: Ensure the visible playing field width remains consistent regardless of device aspect ratio. * **UI & Feedback**: * **Score Display**: Large, semi-transparent white text centered near the top of the screen. * **Haptic Feedback**: Trigger `window.navigator.vibrate(50)` on collision/death (if supported). * **Visual Feedback**: A tiny particle explosion (white squares) when the ball hits an obstacle and dies. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Bounce Ball

Bounce Ball is an easy-to-play clicker game that combines simple mechanics with engaging gameplay. Rated 4.4 out of 5 stars by players, this physics-based game challenges you to navigate a white ball through sliding white blocks by tapping the screen. Set against beautiful pastel backgrounds in colors like gray, blue, and purple, the game offers a clean, minimalist aesthetic that's both relaxing and visually appealing.

Core Features

Simple One-Touch Controls

The game requires only one finger to play - simply tap anywhere on the screen to make the ball bounce upward. This intuitive control scheme makes it accessible for players of all ages and skill levels.

Endless Gameplay

There's no finish line in Bounce Ball - the challenge is to see how far you can go while avoiding the sliding obstacles. Each attempt gives you a chance to beat your personal best score and climb the leaderboards.

Cross-Platform Compatibility

  • Mobile-Optimized : Perfect for smartphones and tablets with touch controls
  • Desktop-Friendly : Works seamlessly on computers with mouse clicks
  • Browser-Based : No download required - play instantly in any modern web browser

Relaxing Design

The game features a deliberately minimalist design with: - Clean white ball and block graphics - Soothing pastel background colors that change with each game - Smooth animations and physics - No complex menus or overwhelming visual elements

Gameplay Mechanics

Physics-Based Movement

The ball follows realistic physics as it bounces and falls, making each tap feel satisfying and predictable. You'll need to time your taps carefully to maintain the right height and avoid the sliding obstacles.

Dynamic Obstacles

The white blocks slide horizontally across the screen at various speeds and patterns. As you progress further, the challenge increases with more complex obstacle arrangements and faster movement patterns.

Scoring System

Your score increases based on how far you travel and how many obstacles you successfully navigate. The game tracks your best performance and allows you to compete on global leaderboards.

How to Play

Basic Controls

  1. Tap the screen (mobile) or click with mouse (desktop) to make the ball bounce upward
  2. Time your taps to navigate between the sliding white blocks
  3. Avoid collision with any obstacles to keep playing
  4. Go as far as possible to achieve the highest score

Winning Strategy

  • Rhythm is key : Develop a consistent tapping rhythm
  • Watch the patterns : Observe how blocks move to predict safe passages
  • Stay calm : The relaxing nature of the game works best when you don't rush
  • Practice timing : Each tap affects the ball's height and trajectory

Why Play Bounce Ball

Perfect Time Killer

Bounce Ball is designed as an ideal time-killer game. Whether you have 2 minutes or 20 minutes, you can jump into a quick session and enjoy the satisfying gameplay loop.

Stress-Free Gaming

Unlike intense action games, Bounce Ball provides a calming experience. The soft colors, simple graphics, and gentle gameplay make it perfect for relaxation.

Competitive Element

While the core gameplay is relaxing, the leaderboard system adds a competitive edge. Challenge yourself to beat your personal best or compete with friends and global players.

No Learning Curve

As the description states, "no tutorial needed because it's that easy to play!" Anyone can pick up and start playing immediately, making it accessible for all gaming experience levels.

Game Features Summary

  • 100% Free : No payment required, play unlimited games
  • Instant Play : No download or installation needed
  • All Ages : Suitable content rating for everyone
  • Leaderboards : Compete with players worldwide
  • Mobile & Desktop : Works on all devices and screen sizes
  • Offline Capable : Play even with limited internet connection
  • Regular Background Changes : Fresh visual experience with each game

Frequently Asked Questions (FAQ)