Hide and Smash - Online Multiplayer Hide and Seek Game

Seele01-Flash
By
Hide and Smash revolutionizes the classic hide and seek experience with thrilling multiplayer action. Choose to hide as everyday objects or hunt down cleverly disguised opponents in fast-paced 3D battles.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Hide and Smash". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-contrast "Hyper-Casual" aesthetic inspired by Madbox games. Use a vibrant, cartoonish low-poly style with smooth shading (not flat-shaded). * **Teams:** * **Red Team (Smashers):** Bulky, muscular red stickman figures carrying large stylized weapons (wooden mallets or giant bats). * **Blue Team (Hiders):** Characters that are actually 3D props with googly eyes (e.g., a blue potted plant, a coffee mug, an office chair, or a cardboard box). * **Environment:** An enclosed "Office" or "Warehouse" arena with light yellow floors (matching the screenshot background) and white walls. * **Props:** The map must be cluttered with *static* version of the Hider props (decoys). There should be hundreds of inanimate chairs, plants, and boxes so Hiders can blend in. * **Mobile Optimization:** Use **InstancedMesh** for the environment props to handle high object counts on mobile GPUs. Use simple geometry for characters to keep frame rates high (60fps target). Shadows should be baked or limited to a simple directional light shadow for the main character only. ### 2. Audio Requirements * **BGM:** A looping, "Sneaky yet Playful" pizzicato string track (think cartoon stealth) that speeds up slightly when the timer is low. * **Sound Effects (SFX):** * **Footsteps:** Soft, rapid tapping sounds. * **Smash:** A satisfying, heavy "Bonk" or cartoon anvil sound when a weapon hits the ground. * **Hit/Elimination:** A high-pitched "Squeak" or balloon pop sound accompanied by particle confetti when a Hider is caught. * **Key Collection:** A bright, magical chime sound. * **Wrong Hit:** A dull "Thud" or buzzer sound when a Smasher hits a decoy object. ### 3. Gameplay Loop * **Role Assignment:** At the start of the round, the player is randomly assigned: **Hider** or **Smasher**. * **Hider Mechanics:** * **Goal:** Navigate the map to collect 3 floating "Golden Keys" spawned randomly. * **Mechanic:** When moving, you are obvious (wobbling animation). When you release the joystick, you snap to the ground and become rigid, blending perfectly with the decoy props. * **Win:** Collect all keys or survive until the timer (e.g., 60s) ends. * **Smasher Mechanics:** * **Goal:** Find and eliminate all Hiders before they get the keys. * **Mechanic:** Walk around and hit objects. Hitting a Hider eliminates them. Hitting a decoy prop causes a brief 1-second "stun" or movement penalty to prevent spam-clicking. * **Win:** Eliminate all Blue Team members. * **UI Indicators:** A countdown timer at the top. A "Keys Collected: 0/3" counter. ### 4. Mobile Controls & Interaction * **Camera:** Isometric Top-Down view (approx 45-degree angle) that follows the player smoothly. * **Movement (Left Thumb):** A dynamic **Virtual Joystick** on the bottom-left of the screen. * *Feel:* Movement should be snappy with little inertia for precise control. * **Action (Right Thumb):** * **Smasher:** A large circular "Attack" button with a hammer icon. Tapping triggers an attack animation in the direction the player is facing. * **Hider:** No button needed; stopping movement automatically engages "Hide Mode." Optionally, a small "Taunt" button to make a sound and bait Smashers. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` on a successful Smash or when collecting a Key. * **Visual:** When a Hider is moving, display a small "!" icon above their head if they are within a Smasher's line of sight (simulating tension). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Hide and Smash

Hide and Smash takes the beloved childhood game of hide and seek to an exciting new level with modern 3D graphics and competitive multiplayer gameplay. This innovative .io game randomly assigns players to either the blue hide team or the red smash team, creating dynamic battles where strategy, stealth, and quick reflexes determine victory.

In this thrilling online experience, every match brings fresh challenges as players must adapt their tactics based on their assigned role. The game combines the nostalgia of hide and seek with competitive gaming elements, making it perfect for players seeking both casual fun and intense multiplayer action.

Core Features

Dual Gameplay Modes

Experience the game from two completely different perspectives:

Hide Team Strategy : As a member of the blue team, your survival depends on clever camouflage and swift movement. Transform into everyday objects like chairs, plants, or decorative items to blend seamlessly into the environment. Your mission is to collect all keys while remaining undetected by the opposing team.

Smash Team Action : Join the red team to become a relentless hunter. Use your keen observation skills to identify which objects are actually hidden players. Every suspicious movement or out-of-place item could be your next target.

Advanced Camouflage System

The game's innovative disguise mechanics allow hiders to transform into various environmental objects. Master the art of positioning yourself naturally within the game world - understanding object placement and environmental context is key to successful hiding.

Competitive Objective-Based Gameplay

Unlike traditional hide and seek, this game adds strategic depth through the key collection system. Hiders must balance stealth with progress, creating tension as they venture into open areas to complete their objectives.

Cross-Platform Multiplayer

Enjoy seamless gameplay across all devices. Whether you're on a desktop computer, smartphone, or tablet, you can join the same matches and compete with players worldwide.

Game Mechanics

The brilliance of Hide and Smash lies in its asymmetrical gameplay design. Each team faces unique challenges:

Hiders' Challenge : Navigate the environment while disguised, collect keys efficiently, and avoid detection. Success requires patience, timing, and environmental awareness.

Smashers' Mission : Systematically search environments, identify suspicious objects, and eliminate threats before hiders complete their objectives. This role demands sharp observation skills and quick decision-making.

Operation Guide

The intuitive control scheme ensures players can focus on strategy rather than complicated inputs:

  • Movement : Use WASD keys or arrow keys to navigate your character smoothly through the 3D environment
  • Action Command : Left mouse button serves as your primary action - aim and smash when playing as a smasher
  • Camera Control : Mouse movement adjusts your viewing angle for optimal situational awareness

The streamlined controls make the game accessible to players of all skill levels while maintaining the depth needed for competitive play.

Why Play Hide and Smash

Instant Fun, Zero Commitment

This browser-based game requires no downloads or installations. Simply visit the website and start playing immediately. The game is completely free with no hidden costs or premium features.

Perfect for All Skill Levels

Whether you're a casual gamer looking for quick entertainment or a competitive player seeking strategic depth, Hide and Smash accommodates all play styles. The random team assignment ensures every player experiences both hiding and seeking gameplay.

Social Gaming Experience

The multiplayer nature creates memorable moments and encourages social interaction. Share laughs with friends as they discover your clever hiding spots or celebrate successful team coordination.

Regular Mental Exercise

The game naturally develops observation skills, strategic thinking, and quick decision-making abilities. Players learn to analyze environments, predict opponent behavior, and adapt strategies in real-time.

Mobile-Friendly Design

The responsive design ensures optimal performance across all devices. Take the excitement anywhere with full functionality on smartphones and tablets, making it perfect for gaming sessions during commutes or breaks.

Frequently Asked Questions (FAQ)