Color Pin - Precision Color Matching Shooter
Prompt
MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Color Pin". Please read the following detailed game design requirements first, and then generate the code accordingly:
### 1. Assets & Environment
* **Visual Style:** Clean, minimalist 3D with a polished, high-gloss aesthetic.
* **Central Object (Target):** A large central sphere (`SphereGeometry`) positioned in the middle of the screen. The sphere's texture/material must be divided into 2 or more distinct colored segments (e.g., Black and Yellow slices). It rotates continuously around the Z-axis. Use `MeshPhysicalMaterial` or `MeshStandardMaterial` to achieve a shiny, plastic-like look.
* **Pins (Projectiles):** Composite objects consisting of a thin needle (Cylinder) and a spherical head. The head color matches one of the specific colors on the central target.
* **Player Queue:** A stack of "ready-to-shoot" pins located at the bottom center of the screen.
* **Background:** A solid light gray or soft vignette gradient background to ensure high contrast with the colorful game elements.
* **Lighting:** Soft 3-point lighting setup (Ambient + Directional) to create nice specular highlights on the spherical objects.
* **Mobile Optimization:** Use `renderer.setPixelRatio(window.devicePixelRatio)` for sharp rendering on high-DPI mobile screens. Ensure geometry segments are optimized (e.g., 32 segments for spheres) to maintain 60 FPS.
### 2. Audio Requirements
* **BGM:** A minimal, rhythmic, "Zen-like" ambient track that aids concentration.
* **Sound Effects (SFX):**
* **Shoot:** A quick "woosh" or "swish" sound.
* **Success (Pin Landed):** A satisfying, organic "thud" or wooden "click" sound.
* **Failure (Collision/Wrong Color):** A sharp, dissonant "clank" or glass-cracking sound to indicate error.
* **Win:** A cheerful chime or ascending scale.
### 3. Gameplay Loop
* **Core Mechanic:** The central multi-colored sphere rotates at a fixed speed. The player has a queue of pins, each assigned a specific color.
* **Action:** When the player taps, the bottom-most pin shoots upward vertically.
* **Collision Logic (Fail State A):** If the fired pin hits an existing pin already stuck in the target, the game ends immediately.
* **Color Matching Logic (Fail State B):** If the fired pin lands on a segment of the target sphere that *does not* match the pin's color (e.g., a Black pin hits a Yellow segment), the game ends.
* **Win Condition:** The player must successfully pin all provided pins onto the matching color segments without errors to clear the level.
* **Dynamic Difficulty:** As levels progress, the target may change rotation direction, speed up, or have smaller color segments.
### 4. Mobile Controls & Interaction
* **Controls:** Full-screen tap detection. A tap anywhere on the screen triggers the "Shoot" action. No virtual joysticks or buttons needed for gameplay.
* **Orientation:** strictly **Portrait Mode** design to accommodate the vertical shooting layout.
* **Feedback:**
* **Haptic:** Trigger `navigator.vibrate(10)` upon a successful hit, and a longer vibration `navigator.vibrate(200)` on failure.
* **Visual:** When a pin lands, the central sphere should slightly scale up and down (pulse) to give impact weight. Camera shake effect on failure.
* **UI:**
* Display the "Remaining Pins" number text inside the head of the next pin to be shot.
* A "Restart" button overlay appears only after a Game Over. Button size must be at least 44x44px for touch accessibility.
Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.
Game Introduction
About Color Pin
Color Pin is an engaging precision shooter game that combines quick reflexes with strategic thinking. With its clean gray background and vibrant 3D animations, this free browser game offers a visually appealing puzzle experience that's both relaxing and challenging. The game features a spinning pinball at the center composed of multiple colors, while numbered colored pins await your precise shots from the bottom of the screen.
This instant-play game requires no downloads or lengthy tutorials, making it perfect for quick gaming sessions. Despite its simple mechanics, Color Pin delivers increasingly complex challenges that will test your patience, timing, and strategic planning skills.
Core Features
Intuitive Gameplay Mechanics
- One-Click Controls : Simple mouse or touch controls make the game accessible to players of all ages
- Instant Play : No downloads required - start playing immediately in your browser
- Progressive Difficulty : Multiple levels with increasing complexity and unique challenges
- Forgiving Design : Replay any level until you master it, with no penalties for mistakes
Visual Excellence
- Clean Aesthetics : Minimalist gray background keeps focus on the colorful gameplay elements
- Smooth 3D Animation : Fluid spinning mechanics and satisfying pin attachment animations
- Color-Coded System : Clear visual indicators help you match pins to the correct pinball segments
Brain-Training Benefits
- Precision Training : Develops hand-eye coordination and timing skills
- Color Recognition : Enhances visual processing and pattern matching abilities
- Strategic Thinking : Each level requires planning your shots to avoid pin collisions
Game Mechanics
The core objective is deceptively simple: shoot all your numbered pins onto the spinning pinball while matching colors and avoiding collisions. However, the execution requires careful timing and strategic planning:
- Color Matching : Each pin must be shot onto the corresponding colored section of the pinball
- Collision Avoidance : Existing pins create obstacles that you must navigate around
- Number System : The number on each pin indicates how many shots you have remaining
- Progressive Complexity : Later levels feature pre-placed pins and multi-colored pinballs with more segments
Operation Guide
Basic Controls
- Mouse Users : Click anywhere on the screen to shoot a pin in that direction
- Touch Devices : Tap the screen where you want to aim your shot
- Timing : Watch the pinball rotation and release your shot when the target color aligns with your aim
Winning Strategy
- Observe the Pattern : Study the pinball's rotation speed and color distribution
- Plan Your Sequence : Consider the order of pin placement to avoid blocking future shots
- Time Your Shots : Wait for the perfect moment when your target color is properly positioned
- Learn from Mistakes : Use the replay feature to understand why shots failed and improve your technique
Level Progression
- Beginner Levels : Simple two-color pinballs with plenty of space between pins
- Intermediate Levels : Three or more colors with some pre-placed pins
- Advanced Levels : Complex multi-segment pinballs with challenging pin arrangements
Why Play Color Pin
Color Pin stands out in the casual gaming space by offering a perfect balance of simplicity and depth. It's an ideal game for:
- Quick Breaks : Short levels perfect for brief gaming sessions
- Stress Relief : Meditative gameplay with satisfying visual feedback
- Skill Development : Improves focus, timing, and spatial reasoning
- All Ages : Easy to learn mechanics suitable for children and adults
- Cross-Platform : Seamless experience on desktop computers, tablets, and smartphones
The game's forgiving nature means you can always retry challenging levels, making it frustration-free while still providing genuine challenge. Whether you're looking to kill a few minutes or engage in extended puzzle-solving sessions, Color Pin adapts to your preferred play style.
Platform Compatibility
Color Pin is built with HTML5 technology, ensuring broad compatibility across all modern devices and browsers. Play seamlessly on Windows, Mac, iOS, Android, and any device with a web browser - no app store downloads required.
Frequently Asked Questions (FAQ)
Is Color Pin completely free to play?
+
Yes! Color Pin is completely free with no hidden costs, in-app purchases, or premium features. All levels and content are accessible without payment.
Do I need to download anything to play Color Pin?
+
No downloads required. Color Pin is an instant-play browser game that runs directly in your web browser on any device.
What devices support Color Pin?
+
Color Pin works on all modern devices including desktop computers, laptops, tablets, and smartphones. It supports Windows, Mac, iOS, Android, and any device with a web browser.
How do I control the game?
+
Simply click with your mouse or tap with your finger where you want to shoot the pin. The game uses one-button controls that are easy for anyone to learn.
What happens if I make a mistake in Color Pin?
+
No worries! You can replay any level as many times as needed until you complete it successfully. There are no penalties for failing a level.
How many levels does Color Pin have?
+
Color Pin features multiple levels with increasing difficulty. Each level presents unique challenges with different pinball configurations and pre-placed pins.
Is Color Pin suitable for children?
+
Absolutely! Color Pin is family-friendly with simple controls, no violent content, and educational benefits like improving hand-eye coordination and color recognition.
Can I play Color Pin offline?
+
Color Pin requires an internet connection to load initially, but once loaded, it can typically continue running if your connection is briefly interrupted.