Hidden Objects - Free Online Puzzle Game

Seele01-Flash
By
Hidden Objects is a captivating puzzle game that challenges your observation skills through beautifully designed scenes. Find cleverly concealed items in meticulously crafted interiors and test your visual perception.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Hidden Objects: Urban Detective**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a **"2.5D Isometric" aesthetic**. Use a fixed Orthographic Camera to simulate a flat, illustrated look similar to "Where's Waldo" art. The rendering should use **Toon Shading (Cel Shading)** with visible black outlines to mimic the cartoon style in the screenshot. * **Color Palette:** Use a cool, slightly desaturated blue/purple tone for the static environment (buildings, roads) to make it recede visually. Use vibrant, warm colors (reds, yellows, pinks) for the hidden interactive objects to make them subtly distinct but still challenging to spot. * **Scene Composition:** A chaotic but cute "Urban Construction Site" diorama. Include assets like excavators, piles of bricks, unfinished brick walls, street lamps, and small residential houses. * **Hidden Items:** Scatter specific low-poly items throughout the scene (e.g., a red balloon, a striped cat, a golden star, a parrot). Some items should be partially occluded by buildings or trees to increase difficulty. * **Mobile Optimization:** Use low-poly geometries. Merge static environment meshes to reduce draw calls. Use a single texture atlas where possible. ### 2. Audio Requirements * **Background Music (BGM):** A looping, "sleuth-style" whimsical track. Think light pizzicato strings and a soft bassline—playful, relaxing, and not distracting. * **Sound Effects (SFX):** * *Success:* A satisfying, high-pitched "Pop" or "Ding" combined with a magical chime when an object is found. * *Error:* A dull, wooden "Thud" or comical "Buzz" if the player clicks an empty area. * *UI:* A paper-shuffling sound when the item list cards appear or disappear. * *Ambience:* Faint city traffic noise and wind (low volume). ### 3. Gameplay Loop * **Objective:** The player is presented with a list of 5 target items displayed on cards at the bottom of the screen. They must find these items within the scene. * **Mechanic:** * The player explores the scene by panning and zooming. * When the player taps on a correct object, the object should animate (scale up and bob), emit a particle explosion of hearts (matching the screenshot's vibe), and then fade out or turn into a checkmark. * The corresponding card in the UI list should turn gray or disappear. * **Win Condition:** Find all items to trigger a "Level Complete" overlay with a star rating and a "Next Level" button. ### 4. Mobile Controls & Interaction * **Camera Controls (Crucial):** Implement custom controls (or configured OrbitControls) optimized for touch: * **One-finger drag:** Pan the camera across the map (limit the pan bounds so the player cannot get lost). * **Two-finger pinch:** Smooth zoom in/out (adjust Orthographic camera zoom). * **Rotation:** **Lock rotation completely**. The angle should remain fixed at an isometric view (approx 45 degrees) to maintain the "illustration" illusion. * **Interaction:** * **Raycasting:** Implement precise Raycaster logic for touch events. Ensure the "hit box" for small objects is slightly larger than the visual mesh to make it forgiving for fat-finger touches. * **Haptic Feedback:** Trigger a short, crisp vibration (`navigator.vibrate(20)`) upon finding a correct item. Trigger a longer, heavier vibration for a wrong tap. * **UI Layout:** * **Portrait/Landscape:** The game should be responsive. In Portrait, place the item list at the bottom. In Landscape, place the item list on the right side. * **Touch Targets:** Ensure the UI cards are at least 48x48px for accessibility. ### 5. Technical Stack * Use `Three.js` for the 3D rendering. * Use `TWEEN.js` or `GSAP` for smooth animations (camera zoom, object bounce). * Structure the code in modern JavaScript (ES6+). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Hidden Objects is an engaging puzzle game that combines the thrill of discovery with stunning visual aesthetics. This free online game challenges players to find carefully concealed items within beautifully crafted interior scenes. Each object is strategically placed and seamlessly blended into the environment, creating a satisfying challenge for players of all skill levels.

The game features exquisite artwork with meticulous attention to detail, transforming every search into a visual adventure. Whether you're a casual player looking for relaxation or a puzzle enthusiast seeking a mental challenge, Hidden Objects delivers an immersive experience that will keep you coming back for more.

Core Features

Stunning Visual Design

Every scene in Hidden Objects is a masterpiece of digital art. The interiors are meticulously designed with rich details, vibrant colors, and realistic textures that create an immersive environment. From cozy living rooms to elaborate libraries, each location offers a unique visual experience.

Strategic Object Placement

Items aren't just randomly scattered - they're thoughtfully integrated into each scene. Objects blend naturally with their surroundings, requiring keen observation and attention to detail. This intelligent design ensures that finding each item feels rewarding rather than frustrating.

Helpful Hint System

Stuck on a particularly tricky object? The classic hint system provides assistance when you need it most. However, true mastery comes from developing your observation skills and finding items without assistance.

Cross-Platform Compatibility

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

Gameplay Mechanics

The core gameplay revolves around careful observation and systematic searching. Each level presents a detailed scene with a list of hidden objects to find. Players must click on items as they discover them, with the goal of finding all objects to complete the level.

The challenge lies in the clever camouflage of items. Objects might be partially obscured, color-matched to their surroundings, or placed in unexpected locations. This design philosophy ensures that each discovery feels like a genuine achievement.

Operation Guide

Basic Controls

  • Left Mouse Click : Select and collect found objects
  • Scroll Wheel : Zoom in and out for detailed examination
  • +/- Keys : Alternative zoom controls for precise viewing
  • Mobile Gestures : Use pinch-to-zoom on touchscreen devices

Pro Tips for Success

  • Start by scanning the entire scene before focusing on specific areas
  • Use the zoom function to examine detailed areas more carefully
  • Look for unusual shapes, colors, or patterns that don't belong
  • Check behind and around larger objects where items might be hidden
  • Take breaks if you get stuck - fresh eyes often spot missed items

Why Play Hidden Objects

Mental Exercise and Relaxation

Hidden Objects provides excellent brain training while remaining relaxing and stress-free. The game improves concentration, attention to detail, and visual processing skills. It's perfect for unwinding after a long day or sharpening your mind during breaks.

Accessible Entertainment

With no complex rules to learn and intuitive controls, Hidden Objects is immediately accessible to players of all ages and gaming experience levels. The free-to-play model means anyone can start enjoying the game instantly.

Artistic Appreciation

Beyond the puzzle elements, players can appreciate the beautiful artwork and interior design of each scene. The game serves as a virtual gallery of carefully crafted environments that showcase artistic talent and creativity.

Progressive Challenge

While easy to start, the game provides increasing challenges that keep experienced players engaged. More complex scenes with clever hiding spots ensure long-term entertainment value.

Frequently Asked Questions (FAQ)