Basketball Line

Seele01-Flash
By
Basketball Line is an innovative puzzle basketball game that combines drawing mechanics with sports action. Use your creativity to draw lines and guide the basketball into the hoop through challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Basketball Line**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Use a **clean, 2D vector-art style simulated in 3D** (Toon Shading or unlit materials). The aesthetic should be bright, flat, and cartoonish, similar to vector illustrations. * **Background**: A simple, light gray or off-white background (#f0f0f0) to ensure high contrast with gameplay elements. It should feel like a piece of paper or a sketchbook. * **Core Objects**: * **The Ball**: A classic orange basketball with distinct black contour lines. It needs to look spherical but with a flat-shaded texture. * **The Hoop**: A stylized red rim with a white net. The net should have simple swaying physics when the ball passes through. * **The Pencil/Line**: A blue line generated dynamically by the user's input. The line needs to have a slight thickness and rounded caps to look like a marker stroke. * **Obstacles**: Bombs (black spheres with burning fuses) that explode on contact, and static wooden blocks or walls. * **Effects**: * Simple "speed lines" or trail effect behind the ball when it moves fast. * Confetti or star particles exploding when a basket is made. * A "poof" smoke effect if the ball hits a bomb. ### 2. Audio Requirements * **BGM**: Upbeat, rhythmic, and casual loop. Think "lo-fi hip hop" mixed with "casual puzzle game" vibes—light drums, a catchy bassline, but not distracting. * **SFX**: * **Drawing**: A scratching or scribbling sound (like a marker on paper) that loops while the user is touching the screen. * **Ball Bounce**: A satisfying, slightly cartoony rubber bounce sound. * **Net Swish**: A crisp "swish" sound for a perfect shot. * **Rim Hit**: A metallic clank if the ball hits the rim. * **Explosion**: A comical "boom" for hitting bombs. * **Win Jingle**: A short, positive chord progression for clearing a level. ### 3. Gameplay Loop * **Core Mechanic**: Physics-based drawing puzzle. The basketball falls from a spawn point under gravity. The player cannot control the ball directly. Instead, the player must draw **lines** on the screen that turn into solid physical colliders. * **Objective**: Guide the falling ball into the hoop by drawing paths, ramps, or barriers to deflect the ball away from bombs and walls. * **Win Condition**: The ball passes through the hoop from top to bottom. * **Lose Condition**: The ball falls off the screen boundaries, hits a bomb, or gets stuck for more than 5 seconds. * **Resource Management**: Limit the amount of "ink" (line length) per level to prevent players from just filling the screen. Display an ink bar at the top. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Portrait Mode** (Vertical) is essential for one-handed play. * **Input Method**: * **Touch & Drag**: The primary interaction. Touching the screen starts drawing a line; lifting the finger stops drawing and solidifies the physics body. * **Multi-stroke Support**: Allow the player to draw multiple separate lines (up to a limit). * **UI Layout**: * **Top Area**: Level indicator, Score, and "Ink" meter. * **Restart Button**: A large, easy-to-tap circular button (at least 48x48px) in the top-right corner for quick retries (crucial for puzzle games). * **Haptic Feedback**: Trigger a light vibration when the ball hits a drawn line, and a heavier vibration if a bomb explodes. * **Physics Tuning**: The ball should feel slightly heavy but bouncy (restitution ~0.7). The drawn lines should have high friction so the ball can roll down them without sliding off instantly. 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 Line is a unique and addictive basketball puzzle game that revolutionizes the traditional basketball gaming experience. Instead of directly controlling the ball, you become the architect of the shot by drawing custom lines and paths to guide the basketball into the hoop. This creative approach combines the excitement of basketball with the satisfaction of puzzle-solving, making it perfect for players who enjoy both sports and brain-teasing challenges.

The game features a clean, minimalist design with vibrant colors and smooth animations that create an engaging visual experience. Each level presents new obstacles and challenges that require creative thinking and precise drawing skills to overcome.

Core Features

Innovative Drawing Mechanics

The game's standout feature is its unique drawing system. Using your mouse or finger, you draw lines, curves, and paths that act as guides for the basketball. The ball follows the physics of your drawn lines, bouncing and rolling along your custom-created paths toward the basket.

Progressive Difficulty System

Starting with simple, straightforward shots, Basketball Line gradually introduces more complex scenarios. You'll encounter moving obstacles, multiple basketballs, wind effects, and intricate level designs that challenge your creativity and problem-solving skills.

Cross-Platform Compatibility

Built with HTML5 technology, Basketball Line runs smoothly on any modern web browser. Whether you're playing on a desktop computer, tablet, or smartphone, the game adapts perfectly to your device's screen size and input method.

Physics-Based Gameplay

The game employs realistic physics simulation, making each shot feel authentic. Your drawn lines interact naturally with the basketball, creating satisfying bounces, rolls, and trajectory changes that mirror real-world physics.

Gameplay Mechanics

Drawing System

The core gameplay revolves around drawing lines that serve as ramps, barriers, or guides for the basketball. You can draw curved lines for smooth trajectories, angled lines for bounces, or complex paths to navigate around obstacles.

Strategic Planning

Each level requires careful observation and planning. You must analyze the level layout, identify obstacles, and plan the optimal path before drawing your lines. Some levels feature limited ink, adding an extra layer of strategy to your drawing decisions.

Multiple Solutions

One of the game's strengths is that most levels can be solved in multiple ways. This encourages creativity and replayability, as players can experiment with different approaches and discover new solutions.

Operation Guide

Basic Controls

  • Mouse/Touch : Click and drag to draw lines anywhere on the screen
  • Release : Complete your line and watch the basketball follow your path
  • Reset : Use the reset button to clear your lines and try again
  • Next Level : Progress automatically after successfully scoring

Drawing Tips

  • Draw smooth, confident lines for better ball control
  • Consider the angle and curve of your lines to influence ball speed and direction
  • Use the environment to your advantage - walls and obstacles can help redirect the ball
  • Plan your entire path before drawing to avoid running out of ink in limited-ink levels

Advanced Techniques

  • Create gentle curves for controlled, predictable ball movement
  • Use sharp angles to create dramatic bounces and direction changes
  • Combine multiple short lines to create complex paths and overcome difficult obstacles
  • Experiment with different line thicknesses if the game allows for varied effects

Why Play Basketball Line

Perfect Blend of Genres

Basketball Line successfully combines sports, puzzle, and drawing genres into one cohesive and entertaining experience. It appeals to basketball fans, puzzle enthusiasts, and creative players alike.

Accessibility for All Ages

The simple drawing mechanics make the game accessible to players of all ages and skill levels. Children can enjoy the basic levels while adults can challenge themselves with the more complex puzzles.

No Installation Required

As a browser-based HTML5 game, Basketball Line requires no downloads or installations. Simply open your web browser, navigate to the game, and start playing immediately.

Regular Mental Exercise

The game provides excellent brain training, improving spatial reasoning, problem-solving skills, and creative thinking. Each level presents a new puzzle that exercises different cognitive abilities.

Stress Relief and Entertainment

With its relaxing gameplay pace and satisfying mechanics, Basketball Line serves as an excellent stress reliever. The combination of creative drawing and achieving goals provides a rewarding and therapeutic gaming experience.

Endless Replayability

With multiple solution paths for each level and the creative freedom the drawing system provides, Basketball Line offers tremendous replay value. Players often return to earlier levels to try new approaches or improve their solutions.

Frequently Asked Questions (FAQ)