Basketball FRVR - Online Basketball Shooting Game

Seele01-Flash
By
Basketball FRVR is an addictive online basketball shooting game that challenges players to score consecutive baskets for maximum points. With simple flick controls and increasing difficulty, it's perfect for basketball fans of all skill levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Basketball Arcade Flick". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Clean, Flat Design / Vector Art aesthetic simulated in 3D. Use `MeshToonMaterial` or unlit colors to mimic the 2D "FRVR" style. * **Color Palette:** Use a pleasing gradient background (Teal/Light Blue to Dark Blue). The basketball should be a vibrant orange with distinct black lines. The hoop rim should be orange/red, and the backboard a contrasting dark blue or transparent glass style. * **The Net:** This is the most critical asset. It must not be a static cylinder. Implement a simplified **soft-body or vertex-displacement effect** so the net "swishes" and deforms when the ball passes through it. * **Performance:** Mobile optimized. Keep geometry low-poly. Use basic shapes (Sphere, Torus, Plane) wherever possible. Avoid expensive real-time shadows; use a simple "blob shadow" texture under the ball. * **Camera:** Fixed perspective. Position the camera slightly elevated and behind the ball spawn point, looking towards the hoop, simulating a first-person shooter perspective. ### 2. Audio Requirements * **BGM:** A looping, relaxing, "elevator music" or "lo-fi beat" track. It should be non-intrusive to aid concentration. * **SFX - The "Swish":** A satisfying cloth/net sound when the ball goes through without touching the rim. * **SFX - The "Rim":** A metallic "clank" or thud if the ball hits the backboard or rim. * **SFX - Interaction:** A "whoosh" sound upon releasing the finger (shooting). * **SFX - UI:** A cheerful "Ding" or escalating pitch tones for combo streaks. A buzzer sound for breaking a streak. ### 3. Gameplay Loop * **Core Mechanic:** The player flicks the ball to shoot. The ball spawns at the bottom center. * **Physics:** Use `Cannon.js` or a simple custom gravity implementation. The ball must have realistic bounce (restitution) against the backboard and rim. * **Scoring & Streaks:** * +1 point for a standard basket. * +3 points for a "Clean Shot" (doesn't touch the rim). * **Streak System:** Display a visible multiplier. If the player misses, the score resets (or the streak counter resets to 0, depending on game mode). * **Progression/Difficulty:** * Score 0-5: The hoop is stationary. * Score 5-10: The hoop moves slowly from left to right. * Score 10+: The hoop moves faster and varies its distance (Z-axis). * **Visual Feedback:** When a basket is made, spawn simple particle confetti (squares/triangles) around the rim. ### 4. Mobile Controls & Interaction * **Orientation:** **Portrait Mode Only**. Design the canvas to fill 100% of the mobile screen height. * **Touch Controls:** Implement a "Swipe-to-Shoot" mechanism. * `touchstart`: Grab the ball. * `touchmove`: Calculate the trajectory vector based on drag distance and angle. * `touchend`: Apply force to the ball physics body. * **Sensitivity:** The shot power should be proportional to the speed and length of the swipe. The Z-force (forward) and Y-force (upward) need to be carefully balanced so the ball doesn't fly over the backboard easily. * **UI/UX:** * Scoreboard located clearly at the top center. * No on-screen buttons during gameplay (clean interface). * "Game Over" modal with a large "Replay" button (minimum touch target 44x44px). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Basketball FRVR is a skill-based basketball shooting game that has captivated millions of players worldwide. This free-to-play sports game combines simple mechanics with challenging gameplay, making it accessible to beginners while offering depth for experienced players. The game features a clean, colorful design with smooth animations that create an engaging basketball experience right in your browser.

The core challenge lies in maintaining your shooting streak - each consecutive basket increases your score multiplier, but missing even one shot resets your progress. This risk-reward system creates an addictive gameplay loop that keeps players coming back to beat their high scores.

Core Features

Progressive Difficulty System

As you score more consecutive baskets, the basketball hoop begins to move further away, making each shot increasingly challenging. This dynamic difficulty ensures that the game remains engaging and tests your precision skills.

Streak-Based Scoring

The scoring system rewards consistency over individual shots. Each successful basket in a row increases your point multiplier, encouraging players to focus on accuracy and timing rather than rapid shooting.

Cross-Platform Compatibility

  • Desktop : Full mouse control with drag-and-flick mechanics
  • Mobile : Touch-optimized controls for smartphones and tablets
  • Browser-Based : No downloads required, instant play on any modern browser
  • Responsive Design : Adapts perfectly to different screen sizes

Intuitive Controls

The game uses a simple flick-to-shoot mechanism that feels natural on both desktop and mobile devices. Players can easily adjust shot power and angle through intuitive drag gestures.

Game Mechanics

Shooting Physics

Basketball FRVR features realistic ball physics that account for arc, power, and angle. Players must master the timing and force of their shots to consistently hit the target as the distance increases.

Moving Target Challenge

The innovative moving hoop mechanic adds a layer of complexity that separates casual players from basketball shooting masters. As your streak builds, the hoop gradually moves away, requiring precise adjustments to your shooting technique.

Operation Guide

Desktop Controls

  1. Click and Drag : Click on the basketball and drag your mouse to aim
  2. Release : Let go to shoot the ball toward the basket
  3. Power Control : The length of your drag determines shot power
  4. Angle Adjustment : Drag direction controls the shooting angle

Mobile Controls

  1. Tap and Drag : Touch the basketball and drag your finger to aim
  2. Release : Lift your finger to release the shot
  3. Intuitive Touch : Natural finger movements translate to accurate shots

Pro Tips

  • Start with gentle, controlled shots to build your streak
  • Adjust your aim as the hoop moves further away
  • Focus on consistent arc and follow-through
  • Practice timing to develop muscle memory

Why Play Basketball FRVR

Perfect for All Skill Levels

Whether you're a basketball enthusiast or casual gamer, Basketball FRVR offers an accessible entry point with room for mastery. The simple controls make it easy to start playing, while the progressive difficulty provides long-term challenges.

Ideal for Quick Gaming Sessions

The game's format makes it perfect for short breaks or extended play sessions. Each attempt can last anywhere from seconds to minutes, depending on your skill level and streak maintenance.

Competitive Element

Challenge yourself to beat previous high scores or compete with friends to see who can maintain the longest shooting streak. The scoring system creates natural competition and replay value.

Stress-Free Entertainment

Unlike complex games with steep learning curves, Basketball FRVR provides immediate satisfaction and stress relief through its straightforward, enjoyable gameplay mechanics.

No Commitment Required

  • Completely free to play
  • No registration needed
  • No downloads or installations
  • Play instantly in any web browser
  • Pause and resume anytime

Frequently Asked Questions (FAQ)