TRACE - Free Online Escape Room Mystery Game

Seele01-Flash
By
TRACE is a compelling free escape room mystery game where you investigate an abandoned chateau to uncover dark secrets. Use your detective skills to find clues, solve puzzles, and discover what really happened on this mysterious island.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "TRACE". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "Stylized Mystery". Use a warm, saturated color palette dominated by oranges, terra-cotta reds, and deep stone grays, mimicking the provided screenshot's sunset/alien sky aesthetic. * **Environment Layout**: An abandoned "island chateau" setting. The initial scene should feature a stone tower exterior with an archway entrance. * **Skybox**: A high-quality gradient skybox fading from deep orange to black, populated with faint stars and a large, distant planet/moon. * **Architecture**: Low-poly stone brick textures for the tower. Use baked lighting textures to simulate shadows without expensive real-time rendering. * **Foliage**: Add a few low-poly, large-leafed plants in the foreground (like the screenshot) to create depth/parallax. * **Lighting**: Use a soft ambient orange light + one directional light (simulating the setting sun) to cast dramatic shadows. * **Mobile Optimization**: * Limit total scene triangle count to under 50k for smooth performance on mid-range phones. * Use compressed textures (JPG/KTX2). * Implement basic Frustum Culling. ### 2. Audio Requirements * **BGM (Background Music)**: A slow, atmospheric ambient track. Think "Solitude" or "Mystery." Use deep synth pads and faint wind chimes. No percussion. * **SFX (Sound Effects)**: * **Tap/Select**: A crisp, wooden or stone "click" sound. * **Item Pickup**: A subtle, positive "chime" or "rustle". * **Navigation**: A "whoosh" or wind sound when moving between scenes/screens. * **Success**: A harmonic major chord swell when a puzzle is solved. * **Locked**: A dull "thud" when clicking a locked door without a key. ### 3. Gameplay Loop * **Genre**: Point-and-Click Escape Room (First-Person View). * **Core Mechanism**: 1. **Observation**: The player starts at a fixed camera angle. They can rotate the view slightly (clamped movement) but cannot walk freely. 2. **Investigation**: Tapping on specific objects (Raycasting) triggers events: * **Zoom**: Camera tweens to a close-up of a shelf/painting. * **Collect**: Item disappears from 3D world and enters the "Inventory UI". * **Interact**: Switches, levers, or keypads change state. 3. **Puzzle Solving**: Use collected items on environment objects (e.g., drag a Key from inventory to a Door). * **Win Condition**: Successfully opening the main tower door or solving the final puzzle to escape the current room. ### 4. Mobile Controls & Interaction * **Camera Control**: * **Swipe**: Single-finger swipe to look around (clamp vertical and horizontal angles to prevent getting lost). * **Navigation Arrows**: Place translucent overlay arrows (Left/Right/Back) on the screen edges to move between pre-defined camera nodes (e.g., Wall A -> Wall B). * **Interaction (Raycasting)**: * All interactions are `touchstart` based. * Interactable objects should have a slightly larger invisible "hitbox" than their visual mesh to accommodate fat-finger errors. * **UI Layout (HUD)**: * **Inventory Bar**: A horizontal scrollable slots container fixed at the **bottom center** of the screen. * **Back Button**: A clear "Down/Back" arrow button at the bottom-left to exit zoomed-in views. * **Responsiveness**: UI elements must scale with `window.devicePixelRatio` and handle both Portrait and Landscape modes (though Landscape is preferred). * **Feedback**: * **Visual**: When an object is tapped, highlight it briefly (emissive flash). * **Haptic**: Trigger `window.navigator.vibrate(10)` on valid interactions if supported. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About TRACE

TRACE is an immersive escape room mystery game that challenges players to solve a compelling investigation. With a strong 4.4/5 rating, this free browser-based game combines classic point-and-click adventure mechanics with modern puzzle-solving gameplay. Set in an atmospheric abandoned chateau on a remote island, TRACE offers an engaging mystery experience that will keep you guessing until the very end.

Core Features

Free Mystery Adventure

TRACE is completely free to play with no hidden costs or premium content. Simply open your browser and start investigating immediately - no downloads, registrations, or payments required.

Atmospheric Setting

Explore a beautifully crafted abandoned chateau with detailed environments that tell their own story. Each room holds secrets waiting to be discovered, with atmospheric lighting and mysterious details that enhance the investigative experience.

Classic Point-and-Click Gameplay

Enjoy intuitive controls that make investigation natural and engaging. Click to examine objects, collect evidence, and interact with your environment as you piece together the mystery.

Progressive Mystery Solving

Uncover the truth through careful observation and logical deduction. Each clue you find brings you closer to understanding what happened on this mysterious island.

Game Mechanics

Evidence Collection System

Your primary objective is gathering evidence scattered throughout the chateau. Every room contains potential clues - photographs, documents, personal items, and environmental details that contribute to the larger mystery.

Multi-Room Exploration

Navigate between different areas of the abandoned building, each with unique challenges and secrets. Use arrow buttons to move between screens and thoroughly investigate every corner.

Puzzle Integration

Solve various brain teasers and logical challenges that block your progress. These puzzles are designed to be accessible yet engaging, fitting perfectly within the mystery narrative.

Controls and Navigation

Desktop Controls

  • Mouse : Point and click to interact with objects and examine clues
  • Left/Right Arrow Keys : Navigate between different rooms and screens
  • Click and Drag : Manipulate objects and solve interactive puzzles

Investigation Tips

  • Examine everything carefully - important clues might be hidden in unexpected places
  • Pay attention to environmental storytelling and background details
  • Keep track of collected evidence to understand how pieces fit together
  • Take your time - rushing might cause you to miss crucial information

Why Play TRACE

Perfect for Mystery Lovers

If you enjoy detective stories, escape rooms, or mystery novels, TRACE delivers an engaging interactive experience that puts you in the investigator's shoes.

Accessible Yet Challenging

Tagged as "Easy" difficulty, the game welcomes newcomers to the escape room genre while still providing satisfying challenges for experienced players.

No Commitment Required

As a browser-based game, you can play for a few minutes during breaks or dive deep for extended investigation sessions. Progress is saved automatically.

Cross-Platform Compatibility

Play on any device with a modern web browser - desktop computers, laptops, tablets, and smartphones all support the game perfectly.

Game Categories and Appeal

TRACE successfully blends multiple popular game categories: - Puzzle Games : Logical challenges and brain teasers throughout - Mystery Games : Compelling narrative with secrets to uncover - Escape Games : Room-by-room progression with unlockable areas - Brain Teasers : Mental challenges that require careful thinking

This combination makes TRACE appealing to a wide range of players, from casual puzzle enthusiasts to dedicated mystery game fans.

Frequently Asked Questions (FAQ)