Basketball.io - Online Multiplayer Basketball Game

Seele01-Flash
By
Basketball.io is the ultimate online basketball simulation game where you can claim your crown as the king of the court. Play solo or team up with others in this skill-based basketball experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Basketball-io**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Vibrant, Low-Poly Arcade style (similar to the screenshot). Use bright, saturated colors (Team Blue vs. Team Red). * **Player Models**: Represent players using **Capsule Geometries** (to ensure the code runs without external assets). The player should have a distinct color (e.g., Purple/Blue) compared to enemies (Red). When the player has the ball, attach a bright Orange Sphere to their hand/front. * **The Court**: A stylized street basketball court. Use a dark asphalt texture (gray plane) with white line markings. * **The Hoop**: Create a simplified hoop structure (backboard, rim, net) using Box and Torus geometries. Place a semi-transparent "Zone" (Cylinder) under the hoop representing the "Dunk Activation Area." * **Visual Effects**: * **Speed Lines/Trail**: When the player sprints or dunks (as seen in the screenshot), emit white trail particles. * **Slow Motion**: Implement a slight time-scale slowdown when a Dunk is triggered for dramatic effect. * **Mobile Optimization**: Use `THREE.InstancedMesh` if generating many crowd members. Limit dynamic lights to one directional light (sun) and use simple ambient lighting to save battery. Shadows should be baked or low-resolution. ### 2. Audio Requirements * **BGM**: An energetic, looping **Hip-Hop / Funk beat** with a heavy bassline to keep the adrenaline up. * **Sound Effects (SFX)**: * **Movement**: "Squeak" sounds randomized when the player changes direction abruptly (sneakers on court). * **Ball**: Rhythmic "Thud" sound synced with the dribbling animation loop. * **Interaction**: A "Slap" sound for stealing the ball. * **Scoring**: A loud "Crowd Cheer" and "Buzzer" sound when a dunk is completed. A "Whoosh" sound for the jump. ### 3. Gameplay Loop * **Concept**: A 3v3 or 5v5 IO-style match on a half-court or full-court. * **Mechanics**: * **Auto-Pickup**: Running over a loose ball automatically picks it up. * **Stealing**: Running into an opponent who has the ball has a 50% chance to knock the ball loose. * **Dribbling**: purely visual; the ball stays attached to the owner but bounces. * **Scoring (The Dunk)**: There is no shoot button. The player must run into the "Activation Zone" under the enemy hoop. Once inside, the character automatically jumps, camera zooms in (Cinematic Mode), and slams the ball. * **AI Behavior**: Simple state machine for bots: `Chase Ball` -> `Move to Hoop` -> `Evade Player`. * **Win Condition**: The team with the most points after 2 minutes wins. ### 4. Mobile Controls & Interaction * **Orientation**: **Landscape Mode** (preferred for sports field of view). * **Movement (Left Hand)**: Implement a **Floating Virtual Joystick**. It should appear wherever the user touches on the left half of the screen. * **Action (Right Hand)**: A single large button (64x64px min) for **"Sprint/Dash"**. This consumes a stamina bar. * **Camera logic**: * **Standard**: Isometric Top-Down view following the player smoothly (Lerp). * **Dunking**: When `triggerDunk()` is called, the camera snaps to a low-angle action shot (like the screenshot) for 2 seconds before resetting. * **Haptic Feedback**: Trigger a heavy vibration (`navigator.vibrate(200)`) on a successful dunk, and a light vibration on a steal. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Basketball.io

Basketball.io is the ultimate basketball simulation that brings the excitement of professional basketball to your browser. With its impressive 4.6/5 rating from thousands of players, this game has proven itself as one of the most engaging basketball experiences available online. Whether you're a basketball enthusiast or just looking for some competitive fun, Basketball.io delivers an authentic court experience that will keep you coming back for more.

Core Features

Multiplayer Basketball Action

Basketball.io isn't just another sports game – it's a true test of skill and strategy. You can choose to play solo against AI opponents or join multiplayer matches with players from around the world. The game perfectly captures the essence of basketball with realistic physics and smooth gameplay mechanics.

Stunning 3D Animations

Experience amazing 3D animations when you successfully execute dunks and spectacular plays. The game's visual effects bring every basket, steal, and defensive move to life with impressive detail that makes each victory feel genuinely rewarding.

Skill-Based Gameplay

Master the art of dribbling, passing, and shooting as you navigate around opposing players. The game requires genuine basketball knowledge and quick reflexes to outmaneuver opponents and create scoring opportunities.

Team Strategy Elements

Understand your opponent's mentality and adapt your strategy accordingly. Whether you're setting up plays, defending your basket, or going for the steal, every decision matters in Basketball.io.

Game Mechanics

Intuitive Controls

The game features mouse-based controls that make it accessible to players of all skill levels. Your on-screen avatar follows your mouse movements, creating an intuitive connection between your intentions and your player's actions.

Automatic Ball Handling

Once your player picks up the basketball, they automatically start dribbling, allowing you to focus on positioning and strategy rather than basic ball control mechanics.

Realistic Basketball Physics

Every pass, shot, and movement follows realistic basketball physics, making the game feel authentic and rewarding for players who understand basketball fundamentals.

Operation Guide

Basic Controls

  • Mouse Movement : Guide your player around the court by moving your mouse
  • Ball Pickup : Move your player over the basketball to automatically pick it up
  • Shooting : Position yourself near the opponent's net and execute shots
  • Defense : Navigate strategically to steal the ball from opponents

Winning Strategies

  1. Positioning : Always think about court positioning and create scoring opportunities
  2. Ball Movement : Use passing to confuse opponents and create open shots
  3. Defense : Stay alert and ready to steal the ball when opponents make mistakes
  4. Timing : Perfect your shot timing for consistent scoring

Why Play Basketball.io

Basketball.io stands out in the crowded field of online sports games for several reasons. First, it's completely free to play with no hidden costs or premium features locked behind paywalls. The game runs smoothly on any modern browser without requiring downloads or installations.

The multiplayer aspect adds genuine excitement as you compete against real players who bring unpredictable strategies and skills to each match. Unlike single-player basketball games, Basketball.io offers the dynamic challenge that only comes from human opponents.

The game's HTML5 technology ensures compatibility across all devices – whether you're playing on a desktop computer, laptop, tablet, or smartphone, you'll get the same high-quality basketball experience.

Perfect for All Skill Levels

Whether you're a basketball novice learning the basics or an experienced player looking for competitive action, Basketball.io accommodates all skill levels. The intuitive controls make it easy to start playing immediately, while the strategic depth ensures that experienced players will find plenty of challenges.

Regular Gaming Sessions

With quick match times and engaging gameplay, Basketball.io is perfect for both short gaming breaks and extended play sessions. The game's balance of skill and fun makes it ideal for stress relief or competitive gaming.

Frequently Asked Questions (FAQ)