Street Ball Jam - Basketball Shooting Game

Seele01-Flash
By
Street Ball Jam is a vibrant arcade basketball shooting game that challenges your timing and accuracy. Click or tap to jump and shoot hoops while performing amazing combos to keep the game going.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Street Ball Jam**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a vibrant, 2.5D "Flat Shaded" low-poly aesthetic that mimics the vector art style of the reference image. Use a bright, saturated color palette (sky blue, sandy yellow, vibrant red uniforms). * **Character Model:** A stylized, faceless basketball player (low-poly mesh). The character should have simple rigging for two states: "Idle/Running" (dribbling the ball) and "Jump/Shoot" (arms extended upwards). * **Environment:** A street basketball court set against a tropical beach backdrop. * **Foreground:** A concrete court with white court lines and a chain-link fence texture. * **Background:** Palm trees (stylized cylinders and planes), sand, and a gradient blue ocean/sky. * **Hoop:** A standard orange rim with a white net and a glass backboard, positioned on the right side of the screen. * **VFX (Particle Systems):** * **"On Fire" Effect:** When the player hits a combo (3 swishes in a row), the ball should emit a trail of orange/red particles and glow. * **Score Popups:** Floating text ("+2", "+3", "SWISH!") that appears near the hoop upon scoring. * **Confetti:** Burst of simple geometric shapes when unlocking a new high score. * **Camera:** A fixed side-scrolling perspective (orthographic camera is preferred for the 2D arcade look) tracking the player's horizontal movement, keeping the hoop on the right edge. ### 2. Audio Requirements * **BGM (Background Music):** An energetic, looped Hip-Hop beat with a funky bassline and rhythmic scratching sounds to match the "street" theme. * **SFX (Sound Effects):** * **Interaction:** A "whoosh" sound for the jump/shoot action. * **Ball Physics:** A distinct "thud" for the ball hitting the rim/backboard and a crisp "swish" net sound for perfect shots. * **Feedback:** An arcade-style "buzzer" sound if the timer runs out. * **Crowd:** Mild cheering or applause when a combo is achieved. ### 3. Gameplay Loop * **Core Mechanic:** The character runs automatically from left to right. The player must tap the screen to make the character jump and release the ball. * **Tap duration/timing** determines the arc of the shot. A quick tap is a low arc; a longer hold (or perfectly timed tap at the peak of the jump) creates a high arc. * **Scoring & Timer:** * The game starts with a countdown timer (e.g., 60 seconds). * Every successful basket adds time back to the clock (+2 seconds). * "Clean" shots (swishes) grant bonus points and fill a "Fire Meter." * **Combo System:** Successfully making 3 consecutive shots ignites the ball (visual effect), doubling points for subsequent shots until a miss occurs. * **Game Over:** The game ends when the timer reaches zero. A "Game Over" screen displays the final score and a "Replay" button. ### 4. Mobile Controls & Interaction * **Touch Controls:** Use a full-screen invisible touch layer. * **Tap & Release:** Detect the `touchstart` to initiate the jump and `touchend` to release the ball. The longer the time between start and end, the higher/further the shot (clamped to a maximum value). * **Screen Orientation:** Landscape mode is preferred to show the distance between the player and the hoop, but the camera should dynamically adjust FOV if Portrait is detected to keep both player and hoop in frame. * **UI Layout:** * **Top Center:** Digital timer (large font) and Score. * **Buttons:** All interactive buttons (Pause, Replay) must be large (minimum 44x44px target size) and placed in the corners to avoid accidental touches during gameplay. * **Haptic Feedback:** Trigger a short vibration (`navigator.vibrate(50)`) on a successful basket and a longer vibration on a "Game Over." Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Street Ball Jam is an exciting arcade-style basketball shooting game that brings the fun of street basketball to your browser. Set against a beautiful tropical backdrop with palm trees and ocean views, this colorful sports game challenges players to showcase their shooting skills on the court. The game features simple one-click controls that make it accessible to players of all ages, while offering enough depth to keep basketball enthusiasts engaged.

The vibrant cartoon-style graphics create an inviting atmosphere that captures the casual, fun spirit of street basketball. With its bright colors and smooth animations, Street Ball Jam offers an enjoyable visual experience that complements its addictive gameplay mechanics.

Core Features

Simple Yet Addictive Gameplay

Street Ball Jam focuses on pure basketball shooting mechanics with easy-to-learn controls. The game's beauty lies in its simplicity - just click or tap to make your player jump and shoot the ball toward the hoop.

Combo System and Timer Mechanics

Keep the action going by successfully shooting consecutive baskets. Each successful shot extends your playing time, while performing combos ignites the ball with special effects. The pressure builds as you try to maintain your streak and achieve higher scores.

Progressive Unlocking System

As you improve your skills and achieve higher scores, you'll unlock new basketballs with different designs and properties. Additionally, new court areas become available, providing fresh scenery and challenges to keep the game interesting.

Competitive Scoring

Challenge yourself to beat your personal best or compete with friends by comparing high scores. The game encourages repeated play as you strive to improve your shooting accuracy and timing.

Game Mechanics

Shooting System

The core mechanic revolves around timing your shots perfectly. Click or tap at the right moment to make your character jump and release the ball toward the basket. Success depends on your timing and understanding of the shooting arc.

Time Management

Each successful basket adds precious seconds to your timer, allowing you to continue playing. Miss too many shots, and your time runs out. This creates exciting pressure as you balance risk and accuracy.

Combo Rewards

Consecutive successful shots create combo multipliers that not only boost your score but also create spectacular visual effects. Watch as your basketball ignites with fire effects during hot streaks!

Operation Guide

Basic Controls: - Mouse : Click with the left mouse button to shoot - Touch : Tap anywhere on the screen (mobile devices) - Timing : Click/tap when your player is in the optimal position for shooting

Gameplay Tips: - Watch the player's jumping rhythm to time your shots perfectly - Aim for consecutive baskets to build combos and extend your playing time - Practice your timing to achieve higher accuracy rates - Focus on consistency rather than speed to maintain longer game sessions

Why Play Street Ball Jam

Perfect for Quick Gaming Sessions

With its simple controls and engaging mechanics, Street Ball Jam is ideal for quick gaming breaks. Whether you have 5 minutes or 30 minutes, the game adapts to your available time while providing consistent entertainment.

Skill Development

While easy to learn, the game offers genuine skill progression. As you play more, you'll develop better timing, improved accuracy, and the ability to maintain longer combo streaks. This creates a satisfying sense of improvement over time.

Stress-Free Entertainment

The tropical setting, cheerful music, and colorful graphics create a relaxing gaming environment. Unlike competitive sports games, Street Ball Jam focuses on personal achievement and casual fun rather than intense competition.

Cross-Platform Accessibility

Play directly in your web browser without any downloads or installations required. The game works perfectly on both desktop computers and mobile devices, making it accessible wherever you are.

Free-to-Play

Enjoy the complete Street Ball Jam experience at no cost. All features, balls, and courts can be unlocked through gameplay achievements, with no hidden fees or premium content barriers.

Frequently Asked Questions (FAQ)