Coloring by Numbers: Pixel House

Seele01-Flash
By
Coloring by Numbers: Pixel House is a relaxing pixel art game where you create beautiful house designs using a simple color-by-numbers system. Perfect for unwinding and expressing creativity.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Coloring by Numbers: Pixel House". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Isometric Voxel Art (3D Pixel Art). The scene should resemble a "dollhouse" cutaway view of a cozy home (e.g., bedroom, kitchen, garden) sitting on a calming water base or floating island. * **Camera:** Use an **Orthographic Camera** to strictly maintain the isometric projection and pixel-art aesthetic. The camera angle should be fixed at a standard isometric view (approx 35.264 degrees pitch, 45 degrees yaw). * **Geometry Strategy (Crucial for Mobile Performance):** * Do **not** create thousands of individual Mesh objects. Use **`THREE.InstancedMesh`** to render the voxel grid. * Each voxel represents a "pixel." Initially, uncolored voxels should be white/grey with a texture showing a faint number on each face. * When colored, the instance color updates to the target color. * **Lighting:** Soft, shadowless or soft-shadow lighting. High ambient light to maintain bright, pastel colors. Use a `HemisphereLight` mixed with a soft `DirectionalLight`. * **Background:** A solid pastel color (e.g., light blue or mint) or a slow-moving shader representing calm water. ### 2. Audio Requirements * **BGM:** A looping, soothing "Lo-Fi Hip Hop" or "Acoustic Guitar" track. It must be relaxing and unobtrusive. * **SFX:** * **Coloring:** A soft, satisfying "pop" or "bubble" sound with slight pitch randomization when a block is filled. * **Completion:** A magical chime or harp glissando when a specific color set is finished or the house is complete. * **UI:** Soft wooden or paper texture sounds for clicking UI buttons. ### 3. Gameplay Loop * **Initialization:** The house loads as a grayscale voxel grid. A number palette appears at the bottom. * **Selection:** The player taps a number (color) from the bottom palette (e.g., "1 = Brown"). * **Interaction:** The player touches/drags over the voxels in the scene. * If the touched voxel's assigned number matches the selected palette number, it turns into its true color immediately. * If the number doesn't match, provide a subtle visual "wiggle" or "error" tint, but no penalty. * **Progression:** When all blocks of a specific number are colored, that number in the palette gets a "check-mark" and dims. * **Victory:** Once the entire house is colored, trigger a confetti particle effect and a slow camera rotation around the model. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Portrait mode preferred (optimized for one-handed play), but responsive to Landscape. * **Camera Controls (Touch):** * **Two-finger pinch:** Zoom in/out (Essential for hitting small voxels). * **Two-finger drag:** Pan the camera. * **Painting Controls:** * **One-finger tap/drag:** Paint blocks. The raycaster must be optimized for continuous drag events on mobile. * Implement a "magnifying glass" logic or a highlighter offset (cursor appears slightly above the finger) so the user doesn't cover the block they are trying to paint. * **UI Layout:** * **Color Palette:** A horizontal scrollable bar at the very bottom. Buttons must be at least **48x48px** for touch targets. * **Highlighting:** When a color is selected from the palette, all uncolored blocks corresponding to that number should pulse or highlight slightly to help the player find them on small screens. * **Haptic Feedback:** Trigger a light vibration (using `navigator.vibrate`) on every successful block colored. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Coloring by Numbers: Pixel House is a soothing puzzle game that combines the meditative joy of coloring with charming pixel art aesthetics. This delightful casual game transforms traditional coloring books into an interactive digital experience, featuring beautifully designed houses and landscapes that come to life as you add color pixel by pixel.

The game follows a simple yet satisfying color-by-numbers system where each numbered section corresponds to a specific color. As you progress through different house designs, you'll discover intricate details like cozy interiors, blooming gardens, and scenic waterfront properties that make each coloring session a miniature artistic journey.

Core Features

Stress-Free Coloring Experience

This game is designed as the perfect digital stress reliever. The methodical process of filling in numbered sections creates a meditative rhythm that helps clear your mind and reduce anxiety. Unlike traditional art projects, there's no pressure to make creative decisions - simply follow the numbers and watch beautiful pixel art emerge.

Charming House Designs

Each level features a unique house or architectural scene, from quaint cottages to elaborate multi-story homes. The pixel art style gives each design a nostalgic, retro gaming aesthetic while maintaining modern visual appeal. Interior rooms are filled with furniture details, while exterior scenes include gardens, trees, and natural landscapes.

Progressive Difficulty

The game starts with simpler designs featuring fewer colors and larger sections, gradually introducing more complex patterns with intricate details and expanded color palettes. This progression ensures both beginners and experienced players can find appropriate challenges.

Cross-Platform Accessibility

Available as a free browser game that works seamlessly on both desktop computers and mobile devices. No downloads or installations required - simply open your web browser and start coloring immediately.

Game Mechanics

The gameplay revolves around the classic paint-by-numbers concept adapted for digital pixel art. Each image is divided into numbered sections, and players must match these numbers to the corresponding colors in the palette. The intuitive interface makes it easy to zoom in on detailed areas and ensures precise pixel placement.

As you complete sections, the artwork gradually reveals itself, creating a satisfying sense of progression. The game includes helpful features like color organization and number highlighting to prevent mistakes and maintain the relaxing flow of the experience.

Operation Guide

Mouse Controls (Desktop) : - Drag left mouse button : Select and paint pixels with the active color - Click : Select individual pixels for precise coloring - Scroll wheel : Zoom in and out of the artwork - Right-click : Pan and move around the image

Touch Controls (Mobile) : - Tap and drag : Paint multiple pixels at once - Single tap : Color individual pixels - Pinch gesture : Zoom in and out - Swipe : Navigate around larger images

Getting Started

  1. Choose a house design from the available collection
  2. Select the starting color from the numbered palette
  3. Find areas marked with the corresponding number
  4. Click or drag to fill in the pixels
  5. Continue until the entire image is complete

Why Play This Game

Perfect for Relaxation : The repetitive, methodical nature of color-by-numbers provides excellent stress relief and mental relaxation. It's an ideal way to unwind after work or during breaks.

No Artistic Skills Required : Anyone can create beautiful pixel art regardless of artistic ability. The numbered system removes guesswork and ensures satisfying results every time.

Quick Sessions or Extended Play : Games can be completed in 15-30 minutes for a quick creative break, or you can spend hours working on detailed masterpieces.

Family-Friendly Entertainment : Suitable for all ages, making it perfect for family gaming sessions or educational activities that promote focus and patience.

Completely Free : Enjoy unlimited access to all features and house designs without any hidden costs or premium upgrades required.

Frequently Asked Questions (FAQ)