Penalty Shooters X - Online Soccer Penalty Game

Seele01-Flash
By
Penalty Shooters X is a thrilling soccer penalty shootout game where you master both shooting and goalkeeping skills. Compete in World Cup tournaments, climb through challenging tiers, and prove you're the ultimate penalty specialist.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Penalty Shooters X**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly 3D graphics with vibrant, high-contrast colors suitable for small mobile screens. The aesthetic should be arcade-style sports, not hyper-realistic. * **Camera Perspective:** Third-person, over-the-shoulder view positioned behind the Kicker, looking towards the goal. The camera should remain static during the aiming phase and slightly follow the ball trajectory after the kick. * **Key Models:** * **Striker:** A simplified human mesh wearing a striped blue/white jersey (Argentina style) and black shorts. * **Goalkeeper:** A simplified human mesh in a bright orange kit, positioned in the center of the goal line. * **Environment:** A standard soccer goal with a white net pattern. Behind the goal, place a flat geometry plane with a pixel-art style texture representing a cheering crowd to optimize performance (billboard technique). * **Pitch:** A vibrant green plane with white boundary lines. Use simple flat shading or baked shadows to reduce GPU load on mobile. * **UI/Overlays:** A prominent "Target Reticle" (red/yellow circle) that moves automatically. An arrow indicator on the ground showing potential ball direction. ### 2. Audio Requirements * **BGM:** A high-energy, looping "Stadium Rock" track (drums and electric guitar) that builds tension. * **Sound Effects (SFX):** * **Crowd:** A constant low-level murmur loop, spiking into loud cheering upon a goal, and a collective "Ohhh" groan upon a miss. * **Gameplay:** Sharp whistle blow to start the round. A heavy "Thud" sound for kicking the ball. A "Swoosh" sound for the ball hitting the net. A metallic "Clank" if the ball hits the goalpost. * **UI:** Crisp clicks for button interactions. ### 3. Gameplay Loop * **Round System:** The game operates on a turn-based penalty shootout loop (Best of 5 rounds). * **Striker Phase:** * The player controls the kicker. * A targeting cursor oscillates horizontally (left to right) across the goal. * The player must interact to "Lock" the horizontal position. * **Win State:** The ball enters the net (Goal). * **Fail State:** The goalkeeper blocks the ball, or the ball hits the post/misses the target. * **Goalkeeper Phase:** * The player controls the goalkeeper. * A brief indicator flashes showing where the opponent will kick. * The player must react quickly to dive to that location. * **Progression:** Simple score tracking (Player vs. CPU) displayed at the top of the screen. ### 4. Mobile Controls & Interaction * **Touch Input Strategy (Striker):** * **Timing Mechanic:** Instead of a mouse click, implement a "Tap to Lock" system. * 1. The target cursor moves automatically along the X-axis. Player **Taps anywhere on the screen** to lock the horizontal direction. * 2. (Optional Complexity) A second bar fills up for Power/Height. Player **Taps again** to lock power. * **Touch Input Strategy (Goalkeeper):** * Divide the screen overlay into three invisible touch zones: Left, Center, Right. * Player **Taps the corresponding zone** to make the keeper dive. * **Orientation:** Landscape mode (force orientation if possible) to maximize the view of the goal. * **Feedback:** * **Haptic:** Trigger a short vibration (`navigator.vibrate(200)`) when the ball hits the post or a goal is scored. * **Visual:** Flash the screen edges green for a goal and red for a miss. Please generate the complete HTML/JS code structure using Three.js to build this prototype. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Penalty Shooters X delivers the ultimate penalty shootout experience, combining the pressure of crucial penalty kicks with the excitement of goalkeeping saves. This engaging soccer game challenges you to excel in both offensive and defensive roles, making every match a test of skill, timing, and nerve.

Whether you're aiming for the perfect top corner or diving to make a spectacular save, Penalty Shooters X captures all the drama and intensity of real penalty shootouts that decide major tournaments.

Core Features

Dual-Role Gameplay

Experience soccer from both sides of the penalty spot. As a shooter, you'll need perfect aim and timing to beat skilled goalkeepers. As a goalkeeper, read your opponent's body language and dive at the crucial moment to make game-winning saves.

Multiple Game Modes

  • Tier Challenge Mode : Start from the bottom and work your way up through increasingly difficult levels
  • World Cup Mode : Represent your favorite national team in tournament-style competition
  • Quick Match : Jump straight into penalty shootouts for instant action

Realistic Physics and Controls

The game features intuitive click-to-aim mechanics that make it easy to learn but challenging to master. Precise timing and strategic positioning determine success in every penalty situation.

Team Selection

Choose from a wide variety of international teams, each with authentic uniforms and playing styles. Lead your favorite nation to penalty shootout glory.

Gameplay Mechanics

Shooting Phase

When it's your turn to take a penalty: - Click to set your target location on the goal - Time your shot perfectly for maximum accuracy - Choose between power and placement to beat the goalkeeper - Watch for goalkeeper movement patterns to find the best scoring opportunities

Goalkeeping Phase

As the last line of defense: - Observe the shooter's approach and body language - Predict the shot direction based on visual cues - Dive at the right moment to make crucial saves - Build momentum by stopping multiple penalties in a row

Game Progression

Tier Challenge System

Progress through multiple difficulty tiers by winning penalty shootouts. Each tier presents more skilled opponents with better shooting accuracy and goalkeeping reflexes. Climb the ranks to prove you're among the world's best penalty specialists.

World Cup Tournament

Experience the pressure of international competition in World Cup mode. Face increasingly challenging opponents as you advance through tournament rounds, with each victory bringing you closer to ultimate glory.

Why Play Penalty Shooters X

This game perfectly captures the high-stakes drama of penalty shootouts that often decide major soccer tournaments. The combination of shooting and goalkeeping gameplay provides variety and replayability, while the progression systems keep you engaged long-term.

The simple yet precise controls make it accessible to casual players while offering enough depth for soccer gaming enthusiasts. Whether you have five minutes or an hour, Penalty Shooters X delivers immediate excitement and long-term challenge.

Perfect for Soccer Fans

If you love the beautiful game, this focused penalty experience distills soccer down to its most dramatic moments. Every shot carries weight, every save feels crucial, and every match could go either way until the final penalty.

Technical Features

  • Free to Play : Completely free with no hidden costs or premium content
  • Cross-Platform : Works seamlessly on desktop computers, tablets, and smartphones
  • Browser-Based : No downloads required - play instantly in any modern web browser
  • Responsive Design : Optimized for both mouse and touch controls

Frequently Asked Questions (FAQ)