Tap-Tap Shots - Basketball Game

Seele01-Flash
By
Tap-Tap Shots is an addictive one-button basketball game where you continuously tap to make perfect shots. Test your timing skills in this endless basketball practice that's impossible to put down!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Tap-Tap Shots**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Flat, vector-style 2D aesthetics rendered in a 3D space (orthographic camera preferred). The background should be a dark gray (#333333) to make the bright orange basketball and white net pop. * **Key Models:** * **Ball:** A simple sphere with a classic orange and black basketball texture. * **Hoop/Net:** A stylized hoop (blue rim, white net mesh) attached to a backboard. The net needs a simple cloth simulation or vertex displacement to react when the ball passes through. * **Effects:** * **"On Fire" Particle System:** A flame trail effect attached to the ball that activates after consecutive baskets. * **Confetti/Sparks:** Explodes from the hoop upon a successful score. * **Mobile Optimization:** * Use low-poly geometries (SphereBufferGeometry). * Limit dynamic lights; use a simple ambient light + one directional light. * Reuse geometries for particles (Object Pooling) to prevent garbage collection hiccups on mobile browsers. ### 2. Audio Requirements * **BGM:** Upbeat, rhythmic funky-electronic loop (approx. 110 BPM) that encourages tapping but isn't distracting. * **Sound Effects (SFX):** * **Jump/Tap:** A short, punchy "whoosh" or "pop" sound. * **Net Swish:** A satisfying "swish" sound for clean shots. * **Rim Hit:** A metallic "clank" or "thud" for hitting the backboard/rim. * **Timer Warning:** A ticking clock sound that speeds up when the timer bar is low. * **Game Over:** A descending whistle or buzzer sound. ### 3. Gameplay Loop * **Core Mechanic:** The ball is subject to gravity. Tapping the screen applies an upward and slightly forward force impulse to the ball. The player must "double jump" or multi-tap in mid-air to adjust the trajectory towards the hoop. * **Objective:** Score a basket before the timer runs out. * **Progression:** * Every successful shot spawns a new hoop at a different height/position (left or right side). * The timer resets on a successful score. * **Game Over:** If the ball falls off the bottom of the screen or the time runs out. * **Scoring:** * +1 point for a standard basket. * +2 points for a "swish" (not touching the rim). * **Streak System:** After 3 consecutive swishes, the ball catches fire (visual effect) and points are doubled (x2 multiplier). * **Physics:** Implement arcade-style 2D physics (using Matter.js or Cannon.js constrained to 2D) where the ball bounces off the rim realistically but has slightly exaggerated air control. ### 4. Mobile Controls & Interaction * **Control Scheme:** Full-screen tap detection. * **Action:** Any tap anywhere on the screen applies force to the ball. * **Orientation:** Portrait Mode (Vertical) is mandatory for this gameplay style. * **UI/HUD:** * **Score:** Large, centered text at the top (impact font). * **Timer:** A horizontal progress bar shrinking at the top of the screen. * **High Score:** Displayed smaller under the current score. * **Game Over Screen:** A "Restart" button (min size 60x60px) centered for easy thumb access. * **Haptic Feedback:** Trigger a short vibration (using `navigator.vibrate`) when the ball hits the rim or scores a basket. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Tap-Tap Shots is a highly addictive sports game that combines simple one-button mechanics with challenging basketball physics. In this endless basketball practice session, your goal is to make as many consecutive shots as possible by perfectly timing your taps. The game's deceptively simple concept - just tap to make the ball jump - creates an engaging experience that will keep you playing for hours.

The game features dynamic gameplay where each successful shot moves the basketball hoop to a new location and height, constantly testing your adaptation skills. With its clean graphics and smooth physics engine, Tap-Tap Shots delivers a satisfying basketball experience that's easy to learn but difficult to master.

Core Features

Simple Yet Addictive Gameplay

Tap-Tap Shots proves that the best games often have the simplest mechanics. With just one button controlling your basketball, the game focuses purely on skill and timing rather than complex controls.

Endless Challenge System

Every successful shot presents a new challenge as the hoop relocates to different positions. This endless variety ensures that no two games feel exactly the same, keeping the experience fresh and engaging.

Streak Rewards and Bonus Points

Achieve consecutive baskets to set your ball "on fire" - a visual indicator of your hot streak that also awards bonus points. Clean shots that don't touch the rim provide additional scoring opportunities for skilled players.

Cross-Platform Compatibility

The game runs smoothly on both desktop and mobile devices through web browsers, making it perfect for quick gaming sessions anywhere.

Game Mechanics

Physics-Based Ball Control

Each tap propels your basketball with realistic physics. The key is finding the right rhythm and number of taps needed to reach each hoop position. Too few taps and you'll fall short; too many and you'll overshoot the target.

Time Pressure Element

While you have unlimited attempts, each shot is timed. This adds urgency to your decision-making and prevents players from taking too long to line up shots.

Dynamic Hoop Positioning

After each successful basket, the hoop appears in a completely new location at varying heights. This constant change tests your ability to quickly assess distance and adjust your tapping strategy.

Operation Guide

Basic Controls

  • Left-click or Tap : Propel the basketball upward
  • Timing : Release at the right moment to control ball trajectory
  • Rhythm : Find the optimal tap pattern for different distances

Scoring Strategy

  1. Observe the hoop position before starting your sequence
  2. Start with gentle taps to gauge distance
  3. Adjust tap intensity based on ball position
  4. Time your final tap for the perfect arc into the basket
  5. React quickly if you miss - the ball bounces back for another attempt

Advanced Techniques

  • Master the "on fire" streak : Chain consecutive baskets for bonus points
  • Aim for clean shots : Shots that don't touch the rim award extra points
  • Quick recovery : If you miss, tap rapidly to position for another shot before time runs out

Why Play Tap-Tap Shots

Perfect for All Skill Levels

Whether you're a casual gamer looking for a quick distraction or a competitive player aiming for high scores, Tap-Tap Shots offers engaging gameplay that scales with your skill level.

Instant Accessibility

No downloads, no installations, no complicated setups. Simply open your browser and start playing immediately on any device.

Stress-Free Gaming

With unlimited lives and no complex rules to remember, you can focus purely on the satisfying challenge of making perfect basketball shots.

Competitive Elements

Track your best scores and challenge yourself to beat previous performances. The scoring system encourages continuous improvement and provides clear goals to work toward.

Frequently Asked Questions (FAQ)