Penalty Challenge

Seele01-Flash
By
Penalty Challenge is an exciting HTML5 soccer game that puts you in the high-pressure situation of penalty kicks. Experience the thrill of scoring goals and making saves in this free browser-based football game.

Prompt

MODEL: Seele01-Flash
Based on the visual analysis of the screenshot and the game description, here is the detailed prompt to guide an AI in generating the Three.js code for this mobile-first soccer game. Please use Three.js to generate a **mobile-first game** with the theme "Penalty Challenge". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Realistic sports simulation but optimized for mobile performance. The look should be vibrant and bright, similar to classic arcade soccer games. * **Camera Perspective:** A fixed third-person view from behind the kicker (approx. 1.5 meters high, looking towards the goal). * **Stadium Environment:** Create a simple but effective stadium atmosphere. Use a curved geometry with a blurred crowd texture for the background to save polygons (fake depth of field). The ground should be a bright green grass texture with white chalk lines for the penalty box and penalty spot. * **Key Models:** * **Soccer Ball:** High-quality texture (classic black and white hexagons), standard size. * **Goalkeeper:** A simplified humanoid rig. Needs idle animation (bouncing on toes) and 4 directional dive animations (top-left, top-right, bottom-left, bottom-right). * **Player Leg (First Person):** Only the kicking leg is visible in the foreground, styled with soccer socks and cleats, appearing only during the kick animation. * **UI Elements:** A large, 3D-styled "Penalty Challenge" logo for the start screen (as seen in the reference). Scoreboard overlays in the top corners (Player vs. AI). * **Optimization:** Use low-poly meshes for the crowd and stadium structure. Implement shadow maps only for dynamic objects (ball and goalkeeper) to maintain high FPS on mobile browsers. ### 2. Audio Requirements * **BGM:** An energetic, upbeat stadium anthem style track (think brass instruments and drums) that loops seamlessly. * **SFX:** * **Kick:** A crisp, heavy "thud" sound when the foot connects with the ball. * **Crowd:** A continuous low-level ambient murmur, escalating to a loud cheer/roar upon scoring a goal, and a collective "awww" or booing upon missing. * **Whistle:** A sharp referee whistle sound to start the round. * **Impact:** Sound of the ball hitting the net (swish) or the goalpost (metallic clang). ### 3. Gameplay Loop * **Phase 1: Aiming:** The player interacts with the screen to determine the shot direction. * **Phase 2: The Kick:** The ball launches towards the target vector with calculated physics (gravity and drag). The camera should slightly zoom or track the ball's movement. * **Phase 3: Goalkeeper AI:** The goalkeeper reacts. Based on difficulty, the AI has a % chance to dive in the correct direction. * **Phase 4: Result:** * **Goal:** Ball enters the net. Confetti particles explode; score increases. * **Save/Miss:** Keeper blocks it or ball goes wide. No score. * **Turn-Based System:** This is a penalty shootout. 5 rounds total. The side with the most goals after 5 rounds wins. If tied, it goes to "Sudden Death." ### 4. Mobile Controls & Interaction * **Control Scheme (Swipe-to-Shoot):** * **Mechanism:** This is the core mechanic. The player must **swipe** on the screen to shoot. * **Vector Calculation:** The speed of the swipe determines the shot power. The angle of the swipe determines the trajectory (left, right, or center; high or low). * **Curve (Optional Advanced):** If the player swipes in a curved motion (e.g., drawing a 'C'), apply a "Magnus effect" force to curl the ball. * **Orientation:** Landscape mode is preferred for a wide view of the goal, but the game must be responsive if the user switches to Portrait (scale the camera FOV accordingly). * **Touch Feedback:** * **Visual:** A subtle trail renderer behind the ball during the flight path to visualize the swipe input. * **Haptic:** Trigger a short vibration (using `navigator.vibrate`) when the ball hits the post or when a goal is scored. * **UI Hit Areas:** Ensure the "Restart" and "Play" buttons are at least 48x48px and placed away from the swipe zone to prevent accidental clicks. 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 Challenge is a thrilling soccer penalty game that captures the intense atmosphere of penalty shootouts. This free HTML5 game delivers an authentic football experience where every kick matters. Whether you're taking penalties or defending the goal, you'll feel the pressure and excitement of real penalty situations.

The game features realistic ball physics and responsive controls that make each penalty kick feel authentic. With its colorful stadium atmosphere and cheering crowds, Penalty Challenge creates an immersive soccer experience that appeals to football fans of all ages.

Core Features

Dual Gameplay Modes

  • Penalty Taker : Aim carefully and shoot past the goalkeeper to score
  • Goalkeeper : Dive and save penalties to keep your goal clean
  • Progressive Difficulty : Face increasingly challenging opponents as you advance

Realistic Soccer Physics

  • Authentic Ball Movement : Experience realistic ball trajectory and spin effects
  • Precision Aiming : Use mouse or touch controls for accurate shot placement
  • Dynamic Goalkeeper AI : Face smart goalkeepers who adapt to your shooting patterns

Tournament and Challenge Modes

  • World Cup Style : Progress through tournament rounds with elimination format
  • Skill Challenges : Complete specific objectives to test your penalty abilities
  • Score Tracking : Monitor your success rate and improvement over time

Cross-Platform Compatibility

  • HTML5 Technology : Runs smoothly on all modern browsers
  • Mobile Optimized : Touch-friendly controls for smartphones and tablets
  • No Installation : Play instantly without downloads or installations

How to Play

Taking Penalties

  1. Aim Your Shot : Move your cursor or finger to target different areas of the goal
  2. Set Power : Click and hold to determine shot strength
  3. Release to Shoot : Let go to fire your penalty kick
  4. Watch the Result : See if you can beat the goalkeeper

Playing as Goalkeeper

  1. Watch the Shooter : Observe the penalty taker's body language and aim
  2. Predict Direction : Guess where the ball will go
  3. Dive to Save : Click or tap the side you want to dive toward
  4. Time Your Move : Perfect timing is crucial for successful saves

Winning Strategies

  • Vary Your Shots : Don't always aim for the same spot
  • Use Power Wisely : Sometimes placement beats power
  • Study Patterns : Learn goalkeeper tendencies in multiple rounds
  • Stay Calm : Maintain focus under pressure for better results

Why Play Penalty Challenge

Perfect for Soccer Fans

This game captures the most thrilling aspect of football - the penalty shootout. It's ideal for soccer enthusiasts who want to experience the pressure and excitement of penalty kicks without leaving their browser.

Quick Gaming Sessions

Penalty Challenge offers perfect bite-sized gaming sessions. Whether you have 5 minutes or an hour, you can enjoy meaningful gameplay that fits your schedule.

Skill Development

The game helps improve your decision-making under pressure, hand-eye coordination, and strategic thinking - skills that translate well to real soccer situations.

Accessible Entertainment

Being completely free and browser-based, Penalty Challenge provides high-quality soccer entertainment without any barriers to entry. No registration, downloads, or payments required.

Frequently Asked Questions (FAQ)