Gridpunk - 3v3 Battle Royale

Seele01-Flash
By
Gridpunk is an intense 3v3 battle royale IO game set in a vibrant cyberpunk arena. Team up with 2 allies to face off against rival players in real-time multiplayer combat that demands lightning-fast reflexes and tactical precision.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Gridpunk: Cyber Arena**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly Cyberpunk aesthetic. Use a dark, high-contrast color palette: deep purples (#120a2e) and blacks for the background, accented with bright neon cyan (#00ffff) and hot pink (#ff00ff) emissive materials for structures and characters. * **Map Design:** Generate a procedural "Arena" maze using a grid system. The floor should have a glowing grid texture (Tron-style). Walls should be mid-height geometric blocks to allow visibility but block movement. * **Characters:** Represent players and bots as stylized low-poly capsules or blocky humanoids. * **Player Team:** Glowing Green (#00ff00) highlights/rings. * **Enemy Team:** Glowing Red (#ff0000) highlights/rings. * **VFX:** Simple geometric particles for bullet impacts, muzzle flashes, and item pickups. Use `THREE.AdditiveBlending` for glowing effects without expensive post-processing bloom (for mobile performance). * **Optimization:** Use `InstancedMesh` for repeated wall segments and floor tiles. Limit real-time lights; simulate lighting using emissive colors on materials. ### 2. Audio Requirements * **BGM:** A high-tempo, looping Synthwave/Cyberpunk track (120-130 BPM) with heavy bass and electronic synthesizers to drive adrenaline. * **Sound Effects (SFX):** * **Shooting:** Digital "Pew-Pew" laser sounds (varied pitch). * **Hit/Damage:** A "crunchy" digital static noise or metallic impact. * **Pickups:** A rising high-pitched chime for health/upgrades. * **Movement:** Subtle robotic servo noises when moving. ### 3. Gameplay Loop * **Core Mode:** Simulated 3v3 Team Deathmatch (Single player vs. 5 AI Bots). * **Objective:** Eliminate the 3 Enemy Bots (Red Team) while keeping yourself and your 2 Ally Bots (Green Team) alive. First team to reach 10 kills wins, or highest score after 2 minutes. * **Combat Mechanics:** * **Shooting:** Rapid-fire energy projectiles. * **Health:** Display health bars (Billboard UI) floating above every character. * **Death:** When health reaches 0, the character creates a "digital dissolution" particle effect and respawns after 3 seconds at a spawn point. * **Items:** Randomly spawn "Loot Crates" in the arena: * *Green Cross:* Restores 50% HP. * *Yellow Bolt:* Increases movement speed/fire rate for 5 seconds. * **AI Logic:** Bots should have a simple state machine: *Wander* (find loot), *Chase* (move toward nearest enemy), and *Attack* (shoot when in range). ### 4. Mobile Controls & Interaction * **Control Scheme:** **Twin-Stick Shooter** layout (Standard for mobile top-down shooters). * **Left Virtual Joystick:** Controls character movement (translation). * **Right Virtual Joystick:** Controls aiming rotation and firing. (Auto-fire when the stick is pushed beyond a deadzone). * **UI/HUD:** * **Top Center:** Scoreboard (Green Team vs. Red Team). * **Right Side:** A dedicated "Dash/Skill" button (large circular button, min 60px) for a quick dodge roll. * **Minimap:** A semi-transparent radar in the top-left corner showing dots for allies (Green) and enemies (Red). * **Camera:** Isometric Top-Down view (approx 60-degree angle), smoothly following the player with a slight dampening effect to reduce motion sickness. * **Feedback:** Screen shake (camera vibration) on taking damage or killing an enemy. Visual hit flash when the player takes damage. ### 5. Implementation Note * The code must be a single HTML file containing CSS, HTML, and JavaScript (using CDN links for Three.js). Ensure touch events (`touchstart`, `touchmove`, `touchend`) are handled correctly to prevent default browser scrolling/zooming. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Gridpunk - 3v3 Battle Royale

Gridpunk is a high-intensity 3v3 battle royale IO game that drops you into a neon-soaked cyberpunk arena where only skill and strategy determine victory. This free-to-play multiplayer shooter pits teams of three players against each other in fast-paced, real-time combat that will test your reflexes, aim, and tactical thinking.

In this electrifying battle arena, six players are split into green and red teams for intense PvP showdowns. As a member of the green team, you'll navigate through multi-room scenarios, collect powerful upgrades, and engage in lightning-fast gunfights where every second counts.

Core Features

Real-Time 3v3 Multiplayer Combat

Experience authentic team-based warfare where coordination and individual skill both matter. Each match features exactly six players ensuring balanced, competitive gameplay with no room for luck - only pure skill determines the outcome.

Cyberpunk Arena Environment

Fight through a vibrant, neon-lit battleground featuring multiple rooms connected by doors and passageways. The arena's design ensures constant action - there's nowhere to hide, creating non-stop engagement.

Dynamic Upgrade System

Collect glowing rewards scattered throughout the arena to instantly boost your combat effectiveness: - Powerful weapons for increased firepower - Health packs to maintain survivability - Combat drones for additional offensive capabilities - Super gadgets that provide tactical advantages

Strategic Team Gameplay

Success requires more than individual skill. Team coordination, map control, and tactical positioning are essential as you work with your teammates to outmaneuver and eliminate the opposing team.

Game Mechanics

Combat System

The game features precise aim-based shooting mechanics where mouse control determines your targeting accuracy. Master the art of drone attacks and weapon combinations to overpower opponents through skill rather than chance.

Health and Revival System

Every player displays health indicators, allowing for strategic focus fire and teammate support. The revival system adds tactical depth, encouraging team coordination and risk-reward decision making.

Progressive Scoring

A real-time scoreboard tracks team performance throughout each match, allowing you to adapt your strategy based on current standings and momentum.

How to Play

Basic Controls

  • WASD keys : Move your character through the arena
  • Mouse movement : Aim your weapons with precision
  • Left-click : Primary action/shooting
  • Right-click : Secondary action
  • Space : Special action
  • 1/2/3 keys : Activate upgrades
  • Q : Use healing items
  • E : Revive teammates
  • Tab : Open tactical minimap

Winning Strategy

  1. Master the controls before engaging in serious combat
  2. Explore actively to collect upgrades and power-ups
  3. Coordinate with teammates for maximum effectiveness
  4. Control key positions in the multi-room arena
  5. Adapt quickly based on the evolving match situation

Why Play Gridpunk?

Free-to-Play Accessibility : Enjoy complete gameplay without any cost - all features and content are available from the start.

Cross-Platform Support : Play seamlessly on web browsers, Android devices, and iOS platforms, ensuring you can battle anywhere.

Skill-Based Competition : Unlike luck-dependent games, Gridpunk rewards precision, strategy, and quick thinking, making every victory feel earned.

Quick Match Format : Intense rounds provide immediate action without lengthy time commitments, perfect for competitive gaming sessions.

Vibrant Aesthetic : The cyberpunk visual style with electrifying music creates an immersive battlefield experience that enhances the competitive atmosphere.

Gridpunk delivers an unmatched 3v3 battle royale experience that combines the accessibility of IO games with the depth of tactical team combat, all wrapped in a stunning cyberpunk package.

Frequently Asked Questions (FAQ)