Bounce Dot - Free Online Puzzle Game

Seele01-Flash
By
Bounce Dot is an exciting clicker puzzle game where you guide a dot through dangerous crumbling terrain. Simple one-click controls make it perfect for instant fun on any device.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Bounce Dot". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Minimalist 2D aesthetic rendered in 3D (2.5D). Use an **Orthographic Camera** to maintain a flat, side-scrolling look. * **Color Palette**: High contrast. Background should be a deep, dark chocolate/maroon color (e.g., Hex #3E2723). The Player and Collectibles should be emissive bright white (#FFFFFF) to pop against the dark background. Obstacles/Ground should be a slightly lighter shade of brown than the background to distinguish them. * **Models**: * **Player**: A simple white Sphere. Add a "TrailRenderer" or a particle stream behind it to convey speed. * **Ground**: Procedurally generated rectangular blocks. * **Obstacles**: Triangular prisms (Spikes) placed on top of ground blocks. * **Collectibles**: Rotating pentagonal stars (White). * **Mobile Optimization**: Use `InstancedMesh` for the ground and obstacles to handle endless terrain generation without performance drops on mobile devices. Use simple Phong materials. ### 2. Audio Requirements * **BGM**: A subtle, rhythmic, low-fidelity electronic beat that loops. It should feel "adventurous" but not distracting. * **Sound Effects (SFX)**: * **Bounce**: A soft, rubbery "thud" when hitting the ground. * **Dive**: A "whoosh" sound when the player taps the screen to descend. * **Collect**: A high-pitched, pleasant "ding" or "chime" for stars. * **GameOver**: A "glass shattering" or "crunch" sound when hitting a spike or falling off-screen. ### 3. Gameplay Loop * **Core Mechanic (Inverted Control)**: * **Default State**: The dot has "negative gravity" (buoyancy)—it constantly floats **upwards**. If it floats off the top of the screen, the game ends. * **Input State**: Tapping and holding the screen applies a strong **downward force**, causing the dot to dive towards the ground. * **Physics**: The ground must have a high "restitution" (bounciness). When the dot hits the ground, it should naturally bounce back up. * **Obstacles**: The terrain is "crumbling," meaning there are random gaps (pits) and spikes. * **Objective**: Survive as long as possible (Endless Runner). Score is based on distance traveled + 10 points per Star collected. * **Lose Conditions**: 1. Floating off the top of the screen. 2. Falling into a gap (bottom of screen). 3. Colliding with a spike. ### 4. Mobile Controls & Interaction * **Controls**: Single-touch input. * `touchstart` / `mousedown`: Apply downward force. * `touchend` / `mouseup`: Release force (dot floats up). * **Orientation**: Landscape mode is preferred, but code should handle resize events dynamically. * **UI Overlay**: * Top Center: Current Score (Large, readable font). * Game Over Screen: "Restart" button with a large touch target (min 60x60px). * **Feedback**: * **Visual**: When the dot hits the ground, trigger a small "squash" animation. When a star is collected, spawn a small burst of particles. * **Haptic**: Trigger `navigator.vibrate(50)` when collecting a star, and a longer vibration on death. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Bounce Dot

Bounce Dot is an adventurous clicker puzzle game that combines simple controls with challenging gameplay. Your mission is to guide a small dot through a dangerous world of crumbling backgrounds and treacherous obstacles. With a rating of 3.7/5 stars, this instant-play game has captivated players who enjoy quick, addictive gaming sessions.

The game features a minimalist brown-toned environment where precision timing is everything. As the ground crumbles beneath you and spikes threaten from all directions, you'll need quick reflexes and strategic thinking to survive as long as possible.

Core Features

Instant Accessibility

  • Completely Free : No payment required to access all game features
  • No Download Needed : Play directly in your browser without installation
  • Cross-Platform Support : Works perfectly on desktop computers, tablets, and mobile phones
  • HTML5 Technology : Smooth performance across all modern devices

Simple Yet Addictive Gameplay

  • One-Click Controls : Easy to learn but challenging to master
  • Endless Runner Mechanics : See how far you can travel in this survival challenge
  • Score Collection : Gather white stars scattered throughout the level to boost your points
  • Leaderboard Competition : Compare your scores with other players worldwide

Challenging Obstacle System

Navigate through a variety of dangers including sharp spikes, crumbling platforms, and environmental hazards. The game's difficulty increases progressively, keeping you engaged and challenged throughout your journey.

Gameplay Mechanics

The core gameplay revolves around precise timing and risk assessment. Your dot naturally bounces upward, and you must click at the right moments to control its descent. The challenge lies in balancing the need to collect point-giving white stars while avoiding the numerous obstacles that can end your run.

Each playthrough offers a unique experience as you encounter different obstacle patterns and star placements. The crumbling environment adds an extra layer of tension, as safe ground can disappear without warning.

Controls and Operation Guide

Basic Controls

  • Mouse Click : Click anywhere on the screen to make your dot drop down
  • Touch Screen : Tap the screen on mobile devices to control the dot's movement
  • Timing : Release to let the dot bounce upward naturally

Gameplay Strategy

  1. Watch the Pattern : Observe obstacle placement before making your move
  2. Collect Stars Safely : Prioritize white stars when the path is clear
  3. Avoid Overcommitting : Don't risk your run for a single star
  4. Stay Alert : Keep an eye on crumbling ground sections
  5. Practice Timing : Master the rhythm of bouncing and dropping

Menu Navigation

  • Access the Trophy Icon from the main menu to view leaderboards
  • Check your ranking against other players on the platform
  • Track your personal best scores and improvement over time

Why Play Bounce Dot

This game excels at providing quick entertainment that fits into any schedule. Whether you have 30 seconds or 30 minutes, Bounce Dot offers engaging gameplay that's easy to start but difficult to put down. The combination of simple mechanics and increasing difficulty creates a perfect balance for casual gaming.

The game's instant-play nature makes it ideal for: - Quick Breaks : Perfect for short gaming sessions during work or study breaks - Stress Relief : Simple, focused gameplay helps clear your mind - Skill Development : Improves reaction time and hand-eye coordination - Competitive Fun : Challenge friends and family to beat your high score

Perfect for All Skill Levels

Tagged as an "Easy" game, Bounce Dot welcomes players of all experience levels. Beginners can quickly grasp the basic concept, while experienced players will find depth in perfecting their technique and climbing the leaderboards.

Frequently Asked Questions (FAQ)