Air Hockey Cup

Seele01-Flash
By
Air Hockey Cup is an addictive online sports game that brings classic table hockey action to your browser. Master puck control and strategic positioning in this fast-paced 5v5 token-based air hockey experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Air Hockey Cup Strategy**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a clean, cool-toned "Ice Arena" aesthetic. Use a shiny, reflective material for the ice rink surface (light blue/white with faint scratch textures). The background should be a subtle, blurred winter stadium or deep blue gradient to keep focus on the gameplay. * **Game Objects:** * **Tokens (Pucks):** Create low-poly cylindrical chips/pucks. Team A (Player) should be Red with a distinct symbol (e.g., a star) on top. Team B (AI) should be Blue with a distinct symbol (e.g., a snowflake). Materials should look like glossy plastic or hard rubber. * **The Puck (Ball):** A smaller, distinct black or glowing yellow puck representing the "ball" to be scored. * **The Rink:** A rectangular board with rounded corners, white walls (bumpers) for ricochets, and goal nets at opposite ends. * **Mobile Optimization:** Use `THREE.PlaneGeometry` for the rink to save polygons. Bake shadows if possible, or use a single directional light with soft shadows. Avoid complex post-processing; prioritize a steady 60 FPS. ### 2. Audio Requirements * **BGM:** An energetic, upbeat electro-sport track with a driving beat, similar to stadium hype music but looped seamlessly. * **Sound Effects (SFX):** * **Drag/Aim:** A rising "charging" sound or a stretching rubber band sound pitch-shifted by drag distance. * **Collision:** A satisfying "clack" or hard plastic impact sound when tokens hit each other or walls. * **Goal:** A loud buzzer or air horn followed by a cheering crowd effect. * **Turn Switch:** A swift "whoosh" sound to indicate the change of turn. ### 3. Gameplay Loop * **Turn-Based Mechanics:** This is NOT real-time air hockey. It is a turn-based strategy game. * The player has 5 tokens; the AI has 5 tokens. * **Goal:** The objective is to knock the "Ball Puck" into the opponent's goal net. * **Action:** On your turn, select one of your 5 tokens, aim, and "flick" it. The token slides on the ice, colliding with the ball puck or opponent tokens. * **Physics:** Implement 2D physics (using Cannon.js or a simple custom verlet integration) for sliding friction, elastic collisions (bouncing off walls), and momentum transfer. Friction should be low (it's ice). * **Turn Timer:** Display a countdown bar (e.g., 10 seconds) for the player to make a move. If time runs out, the turn passes to the AI. * **Win Condition:** First to score X goals (e.g., 3 goals) wins the match. ### 4. Mobile Controls & Interaction * **Control Scheme (Slingshot Mechanic):** 1. **Touch Start:** Tap on one of the player's tokens to select it. 2. **Touch Drag:** Drag finger backwards (opposite to the desired direction) to aim. Render a trajectory line (dotted or arrow) showing the predicted path and force. 3. **Touch Release:** Release finger to shoot the token. * **Haptic Feedback:** Trigger a light vibration when the player selects a token, and a stronger vibration when a goal is scored or a heavy collision occurs. * **Camera:** Use a top-down perspective (`OrthographicCamera` is preferred for clarity in strategy games, or a high-angle `PerspectiveCamera`). Ensure the entire rink fits within the width of a portrait mobile screen, or lock the game to Landscape mode if the rink is wide. * **UI:** Large, thumb-friendly pause button in the top corner. Clear "Your Turn" / "Opponent's Turn" floating text overlay. Scoreboard should be prominent at the top center. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Air Hockey Cup

Air Hockey Cup is a thrilling online sports game that captures the excitement of classic table hockey with a strategic twist. This browser-based game challenges players to master puck control, perfect their aim, and develop winning strategies in fast-paced matches. With its intuitive mouse controls and engaging gameplay mechanics, Air Hockey Cup offers an authentic air hockey experience that's both easy to learn and challenging to master.

The game features a unique 5v5 token system where each team has 5 tokens positioned on the field. Your objective is simple: get the puck into your opponent's goal while defending your own. However, the strategic depth comes from the turn-based mechanics and time pressure that keeps every moment intense and exciting.

Core Features

Strategic Token-Based Gameplay

Unlike traditional air hockey, this game uses a 5-token system for each team, adding layers of strategy to every shot. You'll need to think ahead, positioning tokens not just to score but also to block your opponent's potential moves.

Precision Control System

The game employs a sophisticated mouse control system where you hold, aim, and release to shoot the puck. The longer you hold, the more force you apply, but timing is crucial as each turn has a time limit.

Turn-Based Action

Each player gets timed turns to make their move, creating tension and requiring quick decision-making. If you hesitate too long, you'll lose your turn, making every second count.

Cross-Platform Compatibility

Play seamlessly on both desktop and mobile devices through your web browser. The game adapts its controls for touch screens, ensuring a smooth experience regardless of your device.

Customizable Experience

Adjust difficulty levels, field size, puck speed, and sound effects to create your perfect air hockey experience.

Gameplay Mechanics

How to Score

Success in Air Hockey Cup requires more than just shooting toward the goal. You'll need to: - Position the puck strategically before shooting - Use angles to your advantage - Block your opponent's scoring opportunities - Time your shots within the turn limit

Advanced Strategies

Master players focus on shots that serve dual purposes: moving the puck closer to the opponent's goal while simultaneously disrupting the opponent's token positions. The key is to affect multiple opponent tokens with a single strategic shot.

Operation Guide

Desktop Controls

  • Mouse : Hold left button to aim and adjust force
  • Drag : Control shooting direction and power
  • Release : Execute your shot
  • Pull Back : Cancel your shot if the aim is off

Mobile Controls

  • Touch and Drag : Adjust force and aim direction
  • Release : Fire the puck toward your target
  • Tap and Hold : Build up shooting power

Gameplay Tips

  • Focus on angles rather than just power
  • Don't hesitate too long or you'll lose your turn
  • Use strategic shots that defend and attack simultaneously
  • Practice different force levels for various shot types

Why Play Air Hockey Cup

Perfect for Quick Gaming Sessions

With its turn-based structure and browser compatibility, Air Hockey Cup is ideal for quick gaming breaks. No downloads, no installations – just pure air hockey fun whenever you want it.

Develops Strategic Thinking

The 5v5 token system and turn-based mechanics make this more than just a reflexes game. You'll develop strategic thinking skills as you learn to plan multiple moves ahead.

Authentic Air Hockey Feel

Despite being a browser game, Air Hockey Cup captures the authentic feel of table hockey with realistic physics and responsive controls that make every shot feel satisfying.

Free and Accessible

Completely free to play with no hidden costs. The game works on any modern browser, making it accessible to players worldwide without any barriers.

Suitable for All Skill Levels

Whether you're new to air hockey or a seasoned player, the customizable difficulty settings ensure an appropriate challenge level for everyone.

Frequently Asked Questions (FAQ)