Tennis Hero - Summer Sports

Seele01-Flash
By
Tennis Hero is an exciting online tennis sports game where you compete for gold medals in thrilling matches. Master perfect timing, choose your character, and dominate the court in this free browser game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Tennis Hero". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly 3D with **Cel-Shading (Toon Shader)** to mimic the crisp, vibrant cartoon vector art style of the reference image. Colors should be highly saturated (bright greens for the court, vibrant red/blue for outfits). * **Key Models:** * **Player & Opponent:** Stylized low-poly humanoids. The player wears a visor and red outfit. Animations include: Idle stance, Run, Forehand Swing, Backhand Swing, Smash, and Victory Jump. * **The Court:** A standard hard court with bright white lines. * **Background:** A stadium environment. To optimize for mobile, use a "Skybox" or 2D billboard sprites to represent the cheering crowd in the distance, rather than 3D models, to maintain 60 FPS. * **VFX:** * **Ball Trail:** A "RibbonTrail" following the tennis ball to make it visible on small screens. The trail color changes based on shot speed (White = Normal, Fire/Red = Power Shot). * **Impact Particles:** A "comic book style" impact flash (e.g., a white star shape) appears at the racket contact point. ### 2. Audio Requirements * **BGM:** An energetic, upbeat "Summer Sports" synth-pop track. High tempo (120-128 BPM) to keep the adrenaline up, looping seamlessly. * **SFX:** * **Racket Hit:** A crisp, satisfying "Thwack" for good timing; a dull "thud" for poor timing. * **Serve Charge:** A rising pitch sound effect while holding the serve button. * **Crowd:** A general murmur background loop, with specific cheers for points scored and sighs for misses. * **UI:** Clear "clicks" and "whooshes" for menu navigation. ### 3. Gameplay Loop * **Core Mechanic - The Rally:** * **Auto-Run System:** To simplify for mobile, the character automatically runs toward the ball's landing spot. The player's sole focus is **Timing**. * **Timing Window:** A circular indicator appears where the ball will land. It shrinks as the ball approaches. Tapping when the circle is green results in a "Perfect Shot" (fast, hard to return). Tapping too early/late results in a weak lob or out. * **Serving Mechanic:** The player initiates the point. A curved "Power Bar" appears above the head. The player must **Tap and Hold** to fill the bar, and **Release** when the needle hits the "Max Power" zone (but not overfilled). * **Progression:** The player faces a "Ladder" of 3 opponents with increasing difficulty (faster movement, smaller timing windows). * **Scoring:** Standard Tennis scoring (15, 30, 40, Game). First to win 1 set (or 3 games for faster mobile sessions) wins the match. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Portrait Mode** (Vertical). This allows for a better view of the court depth and one-handed play. * **Input Scheme:** * **Serve:** Touch-and-Hold anywhere on the screen -> Release to hit. * **Rally:** Single Tap anywhere on the screen to swing the racket. The timing of the tap determines the shot angle (Early tap = Cross court, Late tap = Down the line). * **Haptics:** Trigger a short vibration (Taptic Engine) on ball impact and a heavy vibration when scoring a point. * **UI/UX:** * Large, thumb-friendly pause button in the top right corner (minimum 44x44px hit area). * Scoreboard clearly visible at the top center. * Camera: A dynamic camera positioned behind the player slightly elevated. It should lightly sway to follow the ball's horizontal movement but remain steady to prevent motion sickness. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Tennis Hero is a dynamic 3D sports game that brings the excitement of professional tennis directly to your browser. This free-to-play tennis simulation lets you participate in the most thrilling tennis competition of the century, where precision timing and strategic gameplay determine victory.

The game features colorful cartoon-style graphics with smooth animations that make every match visually engaging. Set in spectacular tennis stadiums with cheering crowds, Tennis Hero creates an authentic tournament atmosphere that keeps players immersed in the competitive spirit.

Core Features

Tennis Hero delivers an authentic tennis experience with several standout features:

  • Completely Free : Play the full game without any cost or hidden fees
  • No Download Required : Instant browser-based gameplay on any device
  • Character Selection : Choose from multiple unique tennis players
  • Tournament Mode : Compete against three challenging opponents
  • Timing-Based Gameplay : Master precision timing for perfect shots
  • Power Control System : Advanced serving mechanics with power bar timing
  • Cross-Platform Compatible : Works on desktop, mobile, and tablet devices
  • Instant Play : No registration or account creation needed

Olympic-Style Competition

Experience the thrill of Olympic-level tennis competition as you battle through increasingly difficult opponents. Each match presents unique challenges that test your timing, strategy, and reflexes.

Intuitive Controls

The game's control system is designed for both beginners and experienced players, focusing on timing rather than complex button combinations.

Game Gameplay

Tennis Hero combines realistic tennis mechanics with accessible arcade-style controls:

Match Structure : Compete in tournament-style matches against three different opponents, each with unique playing styles and difficulty levels.

Scoring System : Follow traditional tennis scoring rules while earning points for spectacular shots and match victories.

Character Progression : Unlock achievements and improve your ranking as you advance through the tournament brackets.

Strategic Elements : Learn each opponent's patterns and adapt your playing style to counter their strengths and exploit weaknesses.

Operation Guide

Mastering Tennis Hero's controls is essential for tournament success:

Basic Controls : - Tap/Click : Time your shots perfectly by tapping when the ball is in optimal position - Serving : Hold down to charge power, release when the power bar reaches maximum for strongest serves - Shot Timing : Watch the ball trajectory and tap at the precise moment for accurate returns

Advanced Techniques : - Power Management : Avoid overpowering shots which can result in out-of-bounds penalties - Positioning : Anticipate ball placement and position your character strategically - Rhythm : Develop consistent timing patterns for reliable shot execution

Pro Tips : - Practice timing on easier opponents before facing championship-level players - Observe opponent patterns to predict their next moves - Balance power and accuracy for optimal shot placement

Why Play Tennis Hero

Tennis Hero stands out in the crowded sports game market for several compelling reasons:

Accessibility : Unlike complex tennis simulations, Tennis Hero focuses on fun and accessibility while maintaining authentic tennis gameplay.

Skill Development : The timing-based mechanics help develop hand-eye coordination and reaction speed.

Competitive Spirit : Tournament structure creates natural progression and achievement milestones.

Instant Gratification : Quick matches perfect for short gaming sessions or extended play periods.

Universal Appeal : Suitable for tennis fans and casual gamers alike, with no prior tennis knowledge required.

Whether you're a tennis enthusiast or simply looking for engaging sports entertainment, Tennis Hero delivers professional-quality gameplay without the learning curve of more complex tennis simulations.

Frequently Asked Questions (FAQ)