Numbers In The City - Hidden Object Puzzle Game

Seele01-Flash
By
Numbers In The City is an engaging hidden object puzzle game where players search for hidden numbers and letters in realistic city photographs. With 10 challenging levels and timed gameplay, it's perfect for puzzle enthusiasts seeking a brain-teasing adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Numbers In The City". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: "2.5D" Photorealistic Puzzle. The background should be a high-resolution texture of a detailed city street (e.g., European old town or busy metropolis) mapped onto a large `PlaneGeometry` facing the camera. * **Hidden Objects**: The numbers (0-9) and letters should be individual `Mesh` objects with `SpriteMaterial` or transparent planes (`MeshBasicMaterial` with alpha map). They must be semi-transparent (Opacity ~0.6) and color-tinted to blend slightly with the background texture, simulating a "camouflage" effect. * **Visual Feedback**: When a player successfully finds a number, the object should transition to full opacity (Opacity 1.0), scale up slightly (animation), turn gold, and then disappear with a simple particle explosion effect. * **UI Overlay**: A clean, non-diegetic HTML/CSS UI layer on top of the canvas. This includes the target list (numbers to find), a countdown timer, and a pause button. * **Mobile Optimization**: Use `TextureLoader` with compressed formats if possible. Ensure textures are power-of-two dimensions. Limit the particle count for the "found" effect to maintain 60 FPS on mobile devices. ### 2. Audio Requirements * **Background Music (BGM)**: A relaxing, loopable "Urban Lo-Fi" or "Soft Jazz" track. It should be unobtrusive to aid concentration. * **Sound Effects (SFX)**: * **Correct Click**: A crisp, high-pitched "ding" or magical chime. * **Wrong Click**: A low-pitched, dull "thud" or error buzzer. * **Level Complete**: A short, uplifting fanfare. * **Timer Warning**: A ticking clock sound when 10 seconds remain. ### 3. Gameplay Loop * **Initialization**: Load a specific "City Image" and place 10-15 hidden numbers at specific X,Y coordinates across the image plane. * **Core Mechanic**: The player scans the image. * **Raycasting**: Use `THREE.Raycaster` to detect clicks/taps. * **Success**: If the ray intersects a "Number Mesh", remove it from the scene, remove it from the UI target list, and add points to the score. * **Failure**: If the ray hits the background plane *without* hitting a number, deduct 5 seconds from the countdown timer and play the error SFX. * **Win Condition**: All hidden items are found before the timer reaches zero. Show a "High Score" modal. * **Lose Condition**: Timer reaches zero. Show a "Try Again" button. ### 4. Mobile Controls & Interaction * **Camera Setup**: Use an `OrthographicCamera` to prevent perspective distortion, making it easier to scan the 2D image surface. * **Touch Controls**: * **Tap**: Select an object. Ensure the Raycaster uses `touch` coordinates normalized to the screen. * **Pinch-to-Zoom**: Implement two-finger pinch detection to adjust the camera's `.zoom` property. * **Pan/Drag**: When zoomed in, allow one-finger drag to move the camera position (clamping the camera bounds so the player cannot drag the image off-screen). * **UI Interaction**: The "Target List" on the right side and "Hint" buttons must have a minimum touch target size of 44x44px. * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on a successful find and `navigator.vibrate([50, 50, 50])` on a wrong click/time penalty. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Numbers In The City is a captivating hidden object puzzle game that challenges your observation skills and attention to detail. With an impressive 4.3/5 rating from players, this game combines the thrill of treasure hunting with the mental exercise of puzzle-solving. Set against the backdrop of realistic city photographs, you'll embark on a quest to find cleverly hidden numbers and letters scattered throughout urban landscapes.

This HTML5-based game offers seamless gameplay across all devices, making it accessible whether you're playing on your computer, tablet, or smartphone. The game's unique approach to hidden object gameplay sets it apart from traditional puzzle games by using authentic city imagery rather than cartoon graphics.

Core Features

Real Photography Gameplay

Unlike many hidden object games that use illustrated scenes, Numbers In The City utilizes actual photographs of cities, creating a more realistic and immersive experience. This authentic approach makes finding hidden objects both more challenging and rewarding.

Progressive Difficulty System

The game features 10 distinct levels, each representing a different city location. As you progress, the hidden numbers and letters become increasingly difficult to spot, with some cleverly blended into architectural details or camouflaged within the urban environment.

Advanced Zoom Technology

Both desktop and mobile players can utilize sophisticated zoom features to examine scenes in greater detail. This functionality is essential for spotting the more cleverly hidden objects that might be missed at normal viewing distance.

Scoring and Competition

The game includes a comprehensive scoring system that rewards speed and accuracy. Your performance is tracked against other players through a global leaderboard, adding a competitive element to the puzzle-solving experience.

Mobile-Optimized Experience

Designed with mobile gaming in mind, the game offers touch-friendly controls and responsive design that adapts perfectly to smaller screens without compromising gameplay quality.

Game Playthrough

Starting Your Search

Each level presents you with a detailed city photograph containing hidden numbers and letters. A reference panel on the right side shows which objects you need to find, helping you track your progress throughout each level.

Strategic Gameplay Elements

  • Time Pressure : Each level is timed, creating urgency and excitement
  • Hint System : Stuck players can use hints, though this affects final scores
  • Penalty System : Incorrect clicks result in a 5-second time penalty
  • Zoom Functionality : Essential for finding smaller or well-camouflaged objects

Completion Rewards

Successfully completing levels unlocks new cities to explore, each with unique architectural styles and hiding spots for numbers and letters.

Operation Guide

Basic Controls

  • Click/Tap : Select hidden numbers or letters when found
  • Pinch to Zoom (Mobile): Zoom in for detailed examination
  • Long-Click (Desktop): Zoom function for closer inspection
  • Hint Button : Reveals location of one hidden object (use sparingly)
  • Pause Function : Temporary game suspension when needed

Pro Tips for Success

  1. Systematic Scanning : Examine each section of the image methodically
  2. Use Zoom Strategically : Focus on areas with complex details or shadows
  3. Check Obvious Spots First : Some objects are hidden in plain sight
  4. Monitor the Timer : Balance thoroughness with speed for better scores
  5. Save Hints : Reserve hint usage for truly challenging objects

Why Play Numbers In The City

Perfect Brain Training

This game serves as excellent mental exercise, improving visual perception, concentration, and pattern recognition skills. Regular play can enhance your ability to notice details in everyday life.

Stress-Free Entertainment

With its "Easy" difficulty rating and unrated content, the game provides relaxing entertainment suitable for all ages. The urban photography creates a calming, exploratory atmosphere.

Accessibility and Convenience

  • Completely Free : No payment required to access all features
  • No Download Needed : Play instantly through your web browser
  • Cross-Platform Compatibility : Works on all devices with internet access
  • Quick Gaming Sessions : Perfect for short breaks or extended play

Educational Value

Beyond entertainment, the game helps develop crucial cognitive skills including attention to detail, spatial awareness, and systematic problem-solving approaches.

Frequently Asked Questions (FAQ)