Diamond Drawing by Numbers

Seele01-Flash
By
Diamond Drawing by Numbers is a relaxing coloring game that lets you create stunning diamond pixel art. Choose from various images and fill them with sparkling diamond gems to bring beautiful artwork to life.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Diamond Drawing by Numbers**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a relaxing, vibrant 3D aesthetic. The main focus is a flat pixel-art canvas composed of a grid. The unpainted cells should show a faint ghost color or number. * **Gem Assets:** Use low-poly faceted sphere or diamond geometries. **Crucially, use `THREE.InstancedMesh`** to render the gems. This is vital for mobile performance to handle thousands of "pixels" without frame drops. Give the gems a `MeshPhysicalMaterial` with high transmission or shininess to simulate plastic/glass "bling." * **The Pen:** A simple 3D cylinder/stylus model that hovers slightly above the canvas, following the user's touch point. * **VFX:** When a gem is successfully placed, trigger a small particle explosion (sparkles) and a brief scaling animation (pop-in effect) for the gem. * **Lighting:** Use soft ambient light plus a dynamic `PointLight` attached to the tip of the pen to illuminate the area being painted. ### 2. Audio Requirements * **BGM:** A looped, low-tempo acoustic guitar or lo-fi hip-hop track. It must be ambient and non-intrusive to induce a "flow state." * **SFX (ASMR Focus):** * **Placement:** A satisfying, crisp "click" or "pop" sound (high frequency) every time a gem is placed. * **Completion:** A chime or "shimmer" sound when a specific color section is fully completed. * **UI:** Soft taps for color selection. ### 3. Gameplay Loop * **Data Structure:** The image is a 2D array of color IDs. * **Mechanism:** The player selects a colored gem from a bottom palette. They drag their finger across the canvas. If the grid cell under the finger matches the selected color ID and is empty, a gem is placed. * **Constraint:** The player cannot place the wrong color on a grid cell (it simply won't place). This keeps it frustration-free. * **Win Condition:** When all grid cells are filled with the correct gems, the artwork glows, the grid lines disappear, and the camera does a slow rotation around the finished piece. ### 4. Mobile Controls & Interaction * **Touch Input Logic (Raycasting):** * **One-finger drag:** Paints (places gems) continuously. The raycaster should detect the intersection with the grid plane. * **Two-finger pinch/drag:** Controls the camera (Zoom in/out and Pan). This is essential for pixel-perfect precision on small screens. * **Haptic Feedback:** Trigger `navigator.vibrate(10)` (very short, light vibration) for *every single gem placed*. This tactile feedback is the core of the satisfying experience. * **UI Layout:** * **Portrait Mode:** Canvas in the center/top. * **Palette:** A scrollable horizontal bar at the very bottom of the screen. Color buttons must be at least 44x44px for touch accessibility. * **Progress:** A simple percentage bar at the top. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Diamond Drawing by Numbers is a captivating coloring game that combines the satisfaction of paint-by-numbers with the sparkle of diamond art. This relaxing game allows players to create stunning pixel artwork by placing colorful diamond gems on numbered canvases. With its simple yet engaging gameplay, beautiful image collections, and soothing music, it's the perfect game for stress relief and creative expression.

Core Features

Relaxing Diamond Art Experience

Immerse yourself in a calming creative process as you place sparkling diamond pixels on your chosen canvas. The game's pleasant background music creates the perfect atmosphere for relaxation and focus.

Extensive Image Gallery

Choose from a wide variety of image collections featuring different themes and complexity levels. Whether you prefer simple designs for quick sessions or intricate patterns for longer creative challenges, there's something for every skill level.

Customizable Tools

Personalize your diamond painting experience by selecting your favorite pen tool and gem shape. Different tools and gem styles allow you to create unique artistic effects and find the perfect setup for your preferences.

Beautiful Visual Design

Enjoy beautifully designed galleries that showcase your completed artwork. The game's polished interface and vibrant colors make every creation shine with diamond-like brilliance.

Gameplay

The gameplay is wonderfully simple yet satisfying. Select an image from the gallery, choose your preferred tools, and start placing colored gems according to the numbered guide. Watch as your canvas transforms from a blank template into a sparkling masterpiece. The intuitive drag-and-place mechanic makes it easy for players of all ages to enjoy.

Operation Guide

Mouse Controls : Simply drag the left mouse button to place gems on the image. The controls are designed to be effortless and precise, allowing you to focus entirely on the creative process.

Getting Started : 1. Choose an image from the gallery 2. Select your preferred pen and gem shape 3. Follow the number guide to place gems in the correct positions 4. Watch your artwork come to life with sparkling diamonds

Why Play This Game

Diamond Drawing by Numbers offers the perfect blend of creativity, relaxation, and satisfaction. It's ideal for:

  • Stress Relief : The meditative process of placing gems helps reduce anxiety and promotes relaxation
  • Creative Expression : Create beautiful artwork without needing advanced artistic skills
  • All Ages : Simple controls and varying difficulty levels make it suitable for children and adults
  • Quick Sessions : Perfect for both short breaks and longer creative sessions
  • Free Entertainment : Completely free to play with no hidden costs or premium features

The game runs smoothly on both desktop and mobile browsers, making it accessible wherever you are. Whether you're looking for a peaceful way to unwind or want to create something beautiful, Diamond Drawing by Numbers delivers a satisfying and rewarding experience.

Frequently Asked Questions (FAQ)