Dunk Ball - Basketball Hoop Challenge

Seele01-Flash
By
Dunk Ball is an exciting basketball arcade game where you control the hoop instead of the ball. Test your reflexes by moving the basketball hoop to catch falling basketballs and achieve the highest score possible.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Dunk Ball**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Flat Design / 2.5D Aesthetic. Use an **Orthographic Camera** to simulate the flat vector art style shown in the reference image, but with 3D geometries for smooth animation. * **The Ball**: A bright orange sphere with black line textures (basketball pattern). It should have a "Toon Shader" or high-contrast material to look like vector art. * **The Hoop**: A red Torus (ring) representing the rim. Below the rim, add a simple semi-transparent white tapered cylinder or a wireframe mesh to represent the net. * **Background**: A clean, light-grey or off-white background (e.g., hex `#F0F0F0`) to maintain high contrast with the ball. * **Visual Feedback**: * **Shadows**: Simple drop shadows (projected onto a plane behind the objects) to give a sense of depth. * **Particles**: When a basket is made, explode small star or confetti particles from the hoop. ### 2. Audio Requirements * **BGM**: A light, upbeat, looping "Elevator Bossa Nova" or "Soft Arcade" track that isn't distracting. * **SFX**: * **Bounce**: A "thud" sound when the ball hits the rim. * **Net/Swish**: A satisfying "swish" paper-like sound when a goal is scored cleanly. * **Score**: A positive "ding" or chime. * **Game Over**: A whistle blow or a descending buzzer sound. ### 3. Gameplay Loop * **Core Mechanic**: unlike traditional basketball games, **the player controls the HOOP, not the ball**. * **The Ball**: The ball spawns from the top of the screen at random X positions and falls due to gravity. It should have some bounciness (restitution). * **The Goal**: The player must drag the hoop horizontally to catch the falling ball. * **Scoring**: * 1 Point for catching the ball. * +2 Points (bonus) for a "Swish" (ball goes through without touching the rim collider). * **Progression**: As the score increases, the ball falls slightly faster, or spawns with a slight initial horizontal velocity to increase difficulty. * **Game Over**: If the ball falls past the Y-position of the hoop without passing through the sensor trigger inside the net, the game ends. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode** (Vertical) is mandatory. * **Controls**: * **Drag/Slide**: The user touches anywhere on the screen and drags left/right. The Hoop's X position instantly follows the finger's X position (clamped to screen edges so it doesn't go off-screen). * **Responsiveness**: Use `touchmove` and `mousemove` events for low-latency tracking. * **UI**: * **Score Display**: Large, modern font centered at the top 20% of the screen (safe from the notch). * **Game Over Screen**: A simple overlay with "Final Score" and a "Tap to Restart" button (min-height 44px for touch accessibility). * **Haptics**: Trigger a short vibration (`navigator.vibrate(50)`) when the ball hits the rim, and a lighter vibration (`navigator.vibrate(20)`) when a score is made. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Dunk Ball is a unique twist on traditional basketball games that flips the concept on its head. Instead of shooting balls into a stationary hoop, you control the basketball hoop itself to catch falling basketballs. This innovative arcade-style game challenges your reflexes, timing, and coordination as you race to score as many points as possible.

With a solid player rating of 3.4 stars, Dunk Ball has proven to be an engaging and addictive experience for basketball fans and casual gamers alike. The game's simple yet challenging mechanics make it perfect for quick gaming sessions or extended play.

Core Features

Revolutionary Gameplay Mechanics

Dunk Ball introduces a fresh perspective to basketball gaming. Rather than aiming and shooting, you become the goal itself, creating a dynamic and engaging experience that keeps you on your toes.

Completely Free Gaming

  • No cost to play - enjoy unlimited access
  • No downloads or installations required
  • Play instantly in your web browser
  • No hidden fees or premium content barriers

Cross-Platform Compatibility

  • Mobile Optimized : Perfect touch controls for smartphones and tablets
  • Desktop Ready : Smooth mouse controls for PC and laptop gaming
  • HTML5 Technology : Runs seamlessly on all modern browsers
  • Instant Access : No app store downloads needed

High Score Challenge System

Compete for the ultimate bragging rights with the built-in high score system. Track your best performances and challenge yourself to beat previous records.

Addictive Arcade Action

The game's fast-paced nature creates an addictive gaming loop that keeps players coming back for "just one more game." Each session brings new challenges as the falling basketballs test your reaction speed.

Gameplay Mechanics

The core gameplay revolves around precision timing and quick reflexes:

  • Basketball Drop Pattern : Balls fall from various heights and angles
  • Hoop Movement : Smooth, responsive controls for precise positioning
  • Scoring System : Points awarded for successful catches
  • Difficulty Progression : Game speed increases as you advance
  • Miss Penalty : Dropped balls may end your streak or reduce score multipliers

Controls Guide

Desktop Controls

  • Mouse : Click and drag to move the basketball hoop horizontally
  • Precision Movement : Smooth mouse tracking for accurate positioning
  • Response Time : Instant hoop movement following cursor direction

Mobile Controls

  • Touch and Drag : Simple finger controls to position the hoop
  • Responsive Touch : Optimized for various screen sizes
  • Intuitive Interface : Natural swiping motions for hoop movement

Pro Tips for Better Performance

  1. Anticipate Ball Trajectory : Watch the falling pattern to predict landing spots
  2. Smooth Movements : Avoid jerky motions that might cause you to miss
  3. Center Positioning : Stay near the middle when possible for better coverage
  4. Focus on Rhythm : Find the game's pace and match your movements accordingly

Why Play Dunk Ball?

Perfect for All Skill Levels

Whether you're a basketball enthusiast or casual gamer, Dunk Ball offers an accessible yet challenging experience. The simple drag-to-move mechanics make it easy to learn, while the increasing difficulty ensures long-term engagement.

Ideal for Short Gaming Sessions

With quick rounds and instant restart capability, Dunk Ball is perfect for: - Coffee breaks and short downtime - Waiting periods and commutes - Stress relief and mental breaks - Competitive challenges with friends

No Commitment Gaming

The browser-based format means you can jump in and out of games without any setup time. Perfect for when you want immediate entertainment without the hassle of downloads or accounts.

Skill Development Benefits

  • Hand-Eye Coordination : Improves reaction timing
  • Focus Enhancement : Develops sustained concentration
  • Reflexes Training : Sharpens quick decision-making
  • Stress Relief : Provides engaging distraction from daily pressures

Frequently Asked Questions (FAQ)