Office Fight - 3D Office Battle Game

Seele01-Flash
By
Office Fight is a hilarious 3D casual fighting game where you unleash chaos in the workplace. Battle office enemies with creative weapons like baseball bats, baguettes, and frying pans in this entertaining browser-based action game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Office Fight". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual 3D style with a high-saturation, pastel color palette. Use **Flat Shading** or **Toon Shading** (MeshToonMaterial) to mimic the clean, cartoonish look of the screenshot. * **Character Design**: * Create "Thick Stickman" characters using **CapsuleGeometries**. They should have distinct, separate limbs but no facial features (unless hit, then show simple "X_X" texture). * **Player**: Distinct color (e.g., Blue suit). * **Enemies**: Red heads with Cyan suits/White shirts (as seen in the image). * **Animations**: Procedural animation or inverse kinematics (IK) are preferred for the arm swinging mechanic to match the physics-based nature. * **Environment (The Office)**: * An enclosed room with light blue walls and flooring. * **Props**: Low-poly destructible office furniture: Water coolers (cylinder + box), simple chairs, sofas, potted plants, and desks. * **Weapon Models**: Baseball bat (tapered cylinder), Baguette (brown capsule), Frying Pan. * **Mobile Optimization**: * Use a single shared geometry for all enemies to enable **InstancedMesh** rendering for performance. * Limit dynamic lights; use baked shadows or a single DirectionalLight with soft shadows. * Camera: Isometric top-down view (approx 45-degree angle) that follows the player smoothly. ### 2. Audio Requirements * **Background Music (BGM)**: A fast-paced, comedic track that sounds like "corporate elevator music" sped up or mixed with a funky beat. * **Sound Effects (SFX)**: * **Weapon Swing**: A comical "Whoosh" air-cutting sound, pitch-shifted based on swing speed. * **Impact**: Exaggerated "Bonk", "Smack", or "Boing" sounds when hitting enemies. * **Environment**: Glass shattering or wood breaking sounds if furniture is hit. * **UI**: High-pitched "Pop" sounds for button clicks. ### 3. Gameplay Loop * **Core Mechanic**: Physics-based melee combat. The player controls a character holding a weapon. The weapon must physically collide with enemies to deal damage/force. * **Physics Logic**: Use a physics engine (like Cannon.js or Ammo.js). The weapon should have mass and velocity. Damage is calculated based on the **impulse/velocity** of the collision. * **Enemy Behavior**: Enemies slowly approach the player (NavMesh pathfinding). When hit, they should turn into **Ragdolls** immediately and fly backward based on the impact force (as shown in the screenshot with speed lines). * **Progression**: * **Start**: Player spawns in the center. * **Wave**: Enemies spawn from doors/edges. * **Victory**: Clear the room to trigger a slow-motion "Victory" freeze-frame with confetti. * **Failure**: Player health reaches zero from enemy touches. ### 4. Mobile Controls & Interaction * **Control Scheme (Drag-to-Swing)**: * Implement a **Single-Touch mechanism**: Touching and dragging anywhere on the screen rotates the character's upper body (torso/arm). * **The Swing**: The speed of the player's drag finger determines the angular velocity of the weapon. Fast drag = Hard hit. * **Movement**: Auto-move towards the nearest enemy *or* use a Virtual Joystick on the left (move) and Drag on the right (swing). *Recommendation: Virtual Joystick (Left) + Drag-to-Swing (Right).* * **Orientation**: Portrait mode is acceptable, but **Landscape mode** is preferred for a wider view of the office battlefield. * **Feedback (Juice)**: * **Haptics**: Trigger `navigator.vibrate(50)` on every successful hit. * **Visuals**: Spawn "Speed Line" particles and textual "POW!" billboards at the point of impact. * **Camera Shake**: Brief, intense camera shake when a heavy hit connects. * **UI**: Minimalist HUD. A health bar floating above the player. A "Retry" button (min size 44x44px) that appears on Game Over. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Office Fight is an entertaining 3D casual action game that lets you live out every office worker's fantasy - fighting back against workplace frustration! This browser-based fighting game features colorful stickman characters in a modern office environment where you can battle enemies using an arsenal of unconventional weapons.

The game combines simple controls with satisfying combat mechanics, making it perfect for quick gaming sessions during breaks or whenever you need to blow off some steam. With its cartoonish 3D graphics and humorous approach to office warfare, Office Fight delivers pure entertainment without any complex storylines or steep learning curves.

Core Features

Diverse Weapon Arsenal

Office Fight goes beyond traditional fighting games by offering creative weapons that add humor to every battle:

  • Baseball Bat : Your primary weapon for delivering powerful swings
  • Baguette : A surprisingly effective bread-based weapon
  • Frying Pan : Kitchen warfare meets office combat
  • Additional Weapons : Discover more unconventional tools as you progress

Dynamic Combat System

The game features an intuitive physics-based fighting system where you can throw enemies in any direction you want. Each weapon feels different, with unique swing patterns and impact effects that make combat engaging and varied.

Colorful 3D Environment

Battle through a detailed office setting complete with desks, chairs, windows, and all the familiar workplace elements. The bright, cartoonish art style creates a fun atmosphere that keeps the violence light-hearted and entertaining.

Cross-Platform Compatibility

Enjoy seamless gameplay across desktop and mobile devices through your web browser, with no downloads required.

Gameplay Mechanics

Office Fight challenges you to defeat all enemies in the office environment using strategic combat and weapon mastery. Each level presents new opponents with different behaviors and challenges, requiring you to adapt your fighting style.

The physics-based combat system allows for creative approaches to each battle. You can knock enemies into office furniture, send them flying across the room, or use the environment to your advantage. The satisfying impact effects and ragdoll physics make every successful hit feel rewarding.

Operation Guide

The game features incredibly simple yet effective controls:

  • Mouse Control : Hold and drag the left mouse button to swing your weapon
  • Direction Control : Move your mouse to aim and control swing direction
  • Weapon Selection : Use on-screen prompts to pick up and switch between different weapons
  • Movement : Navigate around the office space using intuitive point-and-click mechanics

The one-button control scheme makes Office Fight accessible to players of all skill levels while still providing enough depth for engaging combat encounters.

Why Play This Game

Office Fight stands out in the casual gaming space by combining several appealing elements:

Stress Relief : Perfect for unwinding after a long day or taking a quick break from work. The game's premise is inherently cathartic for anyone who's experienced office life.

Easy Accessibility : No downloads, no complex tutorials, no lengthy setup processes. Just click and start swinging your way to victory.

Humor and Entertainment : The absurd premise and exaggerated physics create genuinely funny moments that will keep you smiling throughout your gaming session.

Quick Gaming Sessions : Each battle can be completed in minutes, making it ideal for short breaks or casual gaming moments.

Universal Appeal : The simple controls and humorous concept appeal to both casual gamers and those looking for lighthearted entertainment.

Whether you're looking to kill a few minutes, relieve some stress, or just enjoy some mindless fun, Office Fight delivers an entertaining experience that's both satisfying and amusing.

Frequently Asked Questions (FAQ)