Jailbreak: Hide or Attack!

Seele01-Flash
By
Jailbreak: Hide or Attack! is an exciting prison escape game that combines stealth, strategy, and action. Hide from guards, collect weapons, and plan your perfect jailbreak across challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Jailbreak: Hide or Attack!". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual 3D aesthetic with a "Stickman" character design. Characters should have spherical heads and cylindrical limbs. * **Player (Prisoner)**: Purple spherical head, black-and-white striped prison uniform body, wielding a basic weapon (shiv/knife). * **Enemies (Guards)**: Grey/White heads, blue police uniforms, police caps, holding batons. * **Camera**: Fixed Top-Down Orthographic camera to provide a clear view of the tactical layout. * **Environment**: A minimalist prison layout. * **Floors**: Neutral light grey tile texture to contrast with characters. * **Walls**: Two types needed. 1. *Structural Walls* (Dark/Solid) defining the map borders. 2. *Hiding Walls* (Colored/Highlighted) where the player becomes invisible when standing adjacent/behind. * **Props**: Gray interior items (crates, lockers) that function as cover. * **Visual Effects**: * **Vision Cones**: Semi-transparent red triangular meshes attached to the front of guards representing their Field of View (FOV). * **Detection**: When the player enters a cone, the cone turns bright opaque red. * **Attack**: Simple particle burst (white puffs or cartoon "pow" stars) when a guard is eliminated. * **Mobile Optimization**: Use `THREE.InstancedMesh` for walls and floor tiles to reduce draw calls. Low-poly geometries (CylinderBufferGeometry, BoxBufferGeometry) for all characters. ### 2. Audio Requirements * **BGM**: A suspenseful yet groovy bass-driven track (Pink Panther vibe) that loops seamlessly. It should speed up slightly if the player is detected. * **Sound Effects (SFX)**: * **Footsteps**: Soft, rhythmic tapping syncing with movement speed. * **Alert**: A sharp, high-pitched "Exclamation" sound when entering a vision cone. * **Attack**: A "Woosh" followed by a comic "Punch/Impact" sound. * **Win**: A short, triumphant jingle. * **UI Interaction**: crisp "Click" sounds for menu buttons. ### 3. Gameplay Loop * **Objective**: Navigate from the Start Point to the Exit Zone without being caught, OR eliminate all guards to unlock the exit. * **Stealth Mechanics**: * Guards patrol on predefined linear paths (Point A to Point B). * Guards emit a Raycast/Cone detection. If the Player overlaps with this cone, the "Caught" state triggers -> Game Over. * **Hiding**: If the player stands still next to a "Colored Wall" or "Gray Item," they become semi-transparent (Opacity 0.5) and are ignored by the guard's vision cone. * **Combat Mechanics**: * The player attacks automatically when approaching a guard from *behind* or *side* (outside the vision cone). * Weapon Upgrade System: Simple logic where picking up a glowing "Weapon Item" on the map changes the player's weapon model (e.g., Knife -> Baton -> Rifle) and increases attack range slightly. * **Level Flow**: Spawn -> Sneak past Guard 1 -> Hide -> Backstab Guard 2 -> Collect Key/Weapon -> Reach Exit -> "Level Complete" UI overlay. ### 4. Mobile Controls & Interaction * **Control Scheme**: "Floating Virtual Joystick". * The player can touch and drag anywhere on the bottom half of the screen to move the character. * Character rotation automatically faces the movement direction. * Movement stops immediately upon releasing the touch (dead-stop for precise hiding). * **Screen Orientation**: **Portrait Mode** optimized. This allows for comfortable one-handed play. * **UI/UX**: * **Restart Button**: Located at the top right, minimum touch target size 48x48px. * **Level Progress Bar**: Simple linear bar at the top indicating distance to exit or enemies remaining. * **Haptic Feedback**: Trigger `navigator.vibrate(50)` when killing a guard and `navigator.vibrate([100, 50, 100])` when caught/Game Over. * **Meta Viewport**: Ensure `<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">` is set to prevent browser zooming/scrolling during play. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Jailbreak: Hide or Attack! is a thrilling casual escape game that puts you in the shoes of a prisoner planning the ultimate breakout. This addictive top-down adventure combines stealth mechanics with strategic combat, challenging you to outsmart prison guards and navigate through increasingly complex prison layouts. With its simple yet engaging gameplay, this free browser game offers hours of entertainment as you plot and execute daring escape plans.

Core Features

Stealth-Based Gameplay

Master the art of stealth as you navigate through heavily guarded prison facilities. Hide behind colored walls and gray interior objects to avoid detection. The game's intuitive stealth mechanics make every move count as you carefully time your actions to slip past watchful guards.

Dynamic Guard AI System

Face intelligent guards with realistic detection zones marked by red cones. These vigilant sentries patrol their routes and will pursue you if spotted. Learning guard patterns and timing your movements becomes crucial for successful escapes.

Progressive Weapon System

Start with basic tools and gradually upgrade your arsenal. Begin with simple sharpening tools and work your way up to powerful weapons like the Kalashnikov assault rifle. Each weapon offers different advantages for various escape scenarios.

Multiple Escape Routes

Every level presents multiple pathways to freedom. Whether you choose pure stealth, strategic combat, or a combination of both, the game adapts to your playstyle. Analyze each situation to determine the most effective escape strategy.

Cross-Platform Compatibility

Enjoy seamless gameplay across all devices. The game runs perfectly in web browsers on both desktop computers and mobile devices, ensuring you can plan your jailbreak anywhere, anytime.

Gameplay Mechanics

Hide and Seek Elements

The core gameplay revolves around a deadly game of hide and seek. Use the environment to your advantage by ducking behind walls, furniture, and other objects. Timing is everything - wait for the perfect moment to move between hiding spots.

Combat Strategy

When stealth fails, be ready to fight. Collect weapons scattered throughout levels and use them strategically. Each weapon has different capabilities, so choose wisely based on your situation and the number of guards you face.

Puzzle Elements

Beyond stealth and combat, the game challenges your problem-solving skills. Navigate complex prison layouts, find key items, and discover secret passages that lead to freedom.

Operation Guide

Basic Controls

  • Movement : Use WASD keys, arrow keys, or left mouse button to control your character
  • Interaction : Click on objects and weapons to interact with them
  • Stealth Mode : Automatically activated when hiding behind objects

Survival Tips

  • Avoid Red Zones : Never step into the red cone-shaped detection areas that extend from guards
  • Use Cover Wisely : Hide behind any colored walls or gray interior items for protection
  • Weapon Collection : Search levels thoroughly to find weapons and upgrades
  • Pattern Recognition : Study guard patrol routes to identify safe movement windows
  • Strategic Planning : Assess each level before making your move

Victory Conditions

Your objective is simple yet challenging: escape from every prison by choosing the most effective route. Success requires a combination of stealth, strategy, and sometimes direct confrontation.

Why Play This Game

Perfect for Casual Gaming : The straightforward controls and addictive gameplay make it ideal for quick gaming sessions or extended play.

Strategic Depth : While easy to learn, the game offers significant strategic depth that keeps experienced players engaged.

Stress Relief : The satisfying mechanics of outsmarting guards and executing perfect escapes provide excellent stress relief and mental stimulation.

Progressive Challenge : Each level introduces new elements and increased difficulty, ensuring the game remains challenging throughout.

Free Entertainment : Enjoy premium gaming experience without any cost - completely free to play in your browser.

Whether you're a fan of stealth games, puzzle adventures, or action-packed escapes, Jailbreak: Hide or Attack! delivers an engaging experience that will test your wits and keep you coming back for more daring prison breaks.

Frequently Asked Questions (FAQ)