Detective Dan - Hidden Object Puzzle Game

Seele01-Flash
By
Detective Dan is an engaging hidden object puzzle game where you become a clever detective solving mysteries and helping people. Use your magnifying glass to find clues, collect items, and solve challenging puzzles in this free browser-based adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Detective Dan: The 3D Puzzle Case**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** **3D Toon-Shaded (Cel-Shaded)** aesthetic to match the 2D vector art of the reference image. Use `THREE.MeshToonMaterial` with flat, vibrant colors (Beige for the trench coat, Cyan/Blue for the sweater, Brown for hair). Implement a "Thick Outline" effect (using the inverted hull method or post-processing) to mimic the cartoon linework. * **Scene Setup:** An **Isometric Diorama** view of a room (e.g., a messy living room or a museum hall). The camera should be Orthographic to maintain a clean, puzzle-like perspective. * **Key Assets:** * **Detective Dan:** A low-poly character model idle in the corner, wearing round glasses and a trench coat. * **The Magnifying Glass:** A large, interactive 3D prop that floats above the UI layer. * **Hidden Items:** Specific low-poly objects (keys, torn paper, distinctive vases) scattered in the scene. * **Hidden Coins:** Tiny gold coins that are *invisible* unless the Magnifying Glass is hovered over them. * **Mobile Optimization:** Use low-poly geometry (under 2000 tris per object), merge static environment meshes, and avoid expensive real-time shadows (use baked lighting textures or simple ambient light). ### 2. Audio Requirements * **BGM:** A looped **"Sneaky but Playful" Jazz track**. Think pizzicato strings, a light snare brush, and a walking bassline. It should sound mysterious but friendly, not scary. * **Sound Effects (SFX):** * **Tap/Select:** A satisfying wooden "pop" or "clack" sound. * **Magnifier Drag:** A subtle "whoosh" or sliding sound. * **Coin Found:** A high-pitched, sparkly "Ding!" * **Success/Case Solved:** A short, triumphant brass fanfare. ### 3. Gameplay Loop * **Phase 1: Investigation (Point & Click):** The player taps suspicious objects in the room. Some objects shake or give a text hint ("It's locked...") when tapped. * **Phase 2: Collection:** When the correct item is found (e.g., a key), it animates (scales up and spins) and flies into the **Inventory Bar** at the bottom of the screen. * **Phase 3: Drag & Drop Resolution:** The player must drag the item from the inventory onto the correct target (e.g., Key -> Locked Chest). * **Phase 4: The Magnifier Mechanic:** The player can toggle the Magnifying Glass. When active, they drag it across the screen. While looking "through" the glass, hidden coins (otherwise transparent/invisible) become visible and tappable. * **Victory Condition:** All puzzle steps are resolved, and all hidden coins are found. ### 4. Mobile Controls & Interaction * **Primary Input:** **Raycaster Touch Events**. Support both `touchstart` and `mousedown` for cross-platform compatibility. * **Drag Logic:** Implement a robust "Drag and Drop" system for the Inventory items. When an item is dragged, it should follow the finger position exactly, slightly hovering above the scene. * **Magnifier Control:** The Magnifier should function like a virtual joystick or a floating widget that follows the finger directly when the "Inspect Mode" is active. * **Screen Orientation:** **Landscape Mode** preferred to allow width for the scene and the inventory bar. * **UI/UX:** * **Inventory Bar:** A fixed container at the bottom (height ~15% of screen). * **Hit Areas:** Ensure all tappable 3D objects have invisible "hit boxes" slightly larger than their visible mesh to accommodate clumsy finger taps (minimum 44x44px equivalent). * **Feedback:** Provide **Haptic Feedback** (using `window.navigator.vibrate(50)`) when the player finds a coin or places an item correctly. Visual feedback should include a "particle burst" upon success. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Detective Dan is a captivating thinking game that puts you in the shoes of a brilliant detective. This free-to-play hidden object puzzle combines mystery-solving with brain training elements, challenging players to use their keen observation skills and logical thinking to help various characters solve their problems.

As Detective Dan, you'll investigate suspicious areas, gather crucial evidence, and piece together clues to crack each case. The game features intuitive point-and-click gameplay that's perfect for players who enjoy mental challenges and mystery-solving adventures.

Core Features

Interactive Detective Gameplay

Step into the role of a professional detective and experience the thrill of solving mysteries. Each level presents unique challenges that require careful observation and logical deduction to complete successfully.

Hidden Object Discovery

Use your trusty magnifying glass to examine every corner of each scene. Hidden coins and important clues are scattered throughout the environments, rewarding thorough investigation and attention to detail.

Brain Training Elements

This isn't just entertainment – Detective Dan serves as an excellent brain training tool. The puzzle-solving mechanics help improve cognitive skills including: - Visual perception and attention to detail - Logical reasoning and deduction - Problem-solving abilities - Memory and concentration

Hint System

Stuck on a particularly challenging case? The built-in hint system provides helpful tips when you need them most. Even the smartest detectives need assistance sometimes!

Cross-Platform Compatibility

Enjoy seamless gameplay across all your devices. Whether you prefer playing on your computer during breaks or on your mobile device while commuting, Detective Dan adapts perfectly to any screen size.

Game Mechanics

The gameplay revolves around classic point-and-click mechanics enhanced with modern puzzle elements. You'll investigate crime scenes, interview suspects (through environmental storytelling), and collect evidence to build your case.

Investigation Process: - Examine suspicious areas by clicking on them - Collect potentially useful items and evidence - Use the magnifying glass tool to reveal hidden details - Place items in correct locations to progress - Solve puzzles to help different characters

How to Play

Detective Dan features intuitive controls designed for players of all skill levels:

Basic Controls: - Tap or Click : Select items, clues, and interactive elements - Click and Drag : Move items around the scene and position your magnifying glass - Magnifier Tool : Examine objects closely to reveal hidden details and coins - Hint Button : Access helpful tips when you're stuck on a puzzle

Gameplay Tips: - Thoroughly examine each scene before moving items - Use the magnifying glass on everything – hidden surprises await! - Pay attention to visual cues and environmental details - Think logically about how items might be used together - Don't hesitate to use hints if you're genuinely stuck

Why Play Detective Dan

Perfect for Mystery Lovers : If you enjoy detective stories, crime shows, or mystery novels, this game captures that same investigative spirit in an interactive format.

Brain Exercise : Regular play helps maintain and improve cognitive functions while providing entertainment.

Stress-Free Gaming : No time pressure or complex controls – just pure puzzle-solving enjoyment at your own pace.

Free Entertainment : Completely free to play with no hidden costs or premium subscriptions required.

Accessible Design : Simple controls make it perfect for players of all ages and gaming experience levels.

Whether you're a seasoned puzzle game veteran or new to the detective genre, Detective Dan offers an engaging and rewarding experience that will keep you coming back to solve just one more case!

Frequently Asked Questions (FAQ)