Color Artist - Pixel Art Coloring Game

Seele01-Flash
By
Color Artist is a relaxing pixel art coloring game where you create beautiful masterpieces by filling in pixels. Choose from hundreds of designs including animals, princesses, food, and everyday objects, or let the game surprise you with random artwork.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Color Artist - Voxel Edition**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A modern, semi-3D interpretation of pixel art. Instead of flat 2D squares, use slightly extruded cubes (voxels) with beveled edges to create a tactile, satisfying look. The camera should use an **Orthographic projection** to maintain the grid alignment without perspective distortion, positioned directly top-down. * **Asset Management (Performance):** Use `THREE.InstancedMesh` for the pixel grid. A typical level might contain 20x20 to 64x64 grids. Creating individual meshes for every pixel will lag on mobile; instancing is required. * **Color Palette:** Use the screenshot's aesthetic—a soft, pastel pink background (`#ffcce6`) for the world. The pixel art colors should be vibrant and high-contrast (e.g., deep red `#D32F2F`, pure white `#FFFFFF`, jet black `#212121`). * **Visual Feedback:** When a pixel is successfully colored, it should pop up slightly (scale animation) or emit a small particle burst to reward the user. ### 2. Audio Requirements * **BGM:** A "Cozy" Lo-fi hip-hop or acoustic guitar track. It must be loopable, relaxing, and non-intrusive (low BPM). * **Sound Effects (SFX):** * **Paint:** A soft, high-pitched "pop" or "bubble" sound when a pixel is colored correctly. * **Select Color:** A subtle wooden "click" when switching palette colors. * **Complete:** A cheerful major-chord arpeggio (harp or synth chime) when the entire image is finished. * **Error:** A dull, low thud if the player tries to paint a pixel with the wrong color. ### 3. Gameplay Loop * **Level Data:** Simulate a level structure using a 2D array (e.g., a Heart shape). Each cell contains a `targetColorID`. * **Mechanic:** 1. The grid starts "greyed out" or displaying numbers/symbols indicating the required color. 2. The player selects a color from a UI palette at the bottom. 3. The player taps pixels on the grid. If the selected color matches the `targetColorID`, the pixel transforms to the correct color. 4. **Continuous Painting:** Allow the player to hold and drag their finger across multiple pixels to paint them continuously (smart filling). * **Win Condition:** When all pixels match their target color, trigger a victory animation where the art spins or glows, and a "Masterpiece Created!" message appears. ### 4. Mobile Controls & Interaction * **Camera Controls:** Implement custom controls (or configured OrbitControls) optimized for 2D grids: * **One finger:** Tap to paint, or Drag to paint (if starting on a valid pixel). * **Two fingers:** Pinch to zoom in/out, two-finger drag to pan the canvas. *This is critical for accessibility on small screens.* * **Raycasting:** Ensure the `Raycaster` hit box is slightly larger than the visual pixel to make tapping easier for fat fingers. * **UI Layout:** * **Palette Bar:** A horizontal scrollable list of circular color swatches anchored to the **bottom** of the screen (easy thumb reach). * **Active Selection:** The currently selected color should be visually enlarged with a white border. * **Haptic Feedback:** Trigger `navigator.vibrate(10)` on every successful pixel paint for tactile immersion. * **Orientation:** Force Portrait mode (or responsiveness that keeps the canvas centered with the UI at the bottom). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Color Artist

Color Artist is an engaging pixel art coloring game that transforms digital creativity into a relaxing and rewarding experience. This free online drawing game offers players the opportunity to create stunning pixel art masterpieces through simple click-and-color mechanics. With its intuitive design and diverse collection of artwork templates, Color Artist appeals to both children and adults who enjoy creative expression through digital art.

The game features a clean, user-friendly interface with a distinctive pink aesthetic that creates a calming atmosphere perfect for artistic exploration. Players can watch their creations come to life pixel by pixel, providing a satisfying sense of accomplishment with each completed artwork.

Core Features

Extensive Art Collection

Color Artist boasts an impressive variety of coloring templates spanning multiple categories: - Cute Animals : From household pets to exotic wildlife - Princess Themes : Elegant royal characters and fairy tale scenes - Delicious Food : Appetizing treats and colorful dishes - Everyday Objects : Common items reimagined in pixel art style - Seasonal Content : Special designs for holidays like Easter

User-Friendly Tools

The game provides helpful tools to enhance your coloring experience: - Smart Color Palette : Easy-access color selection system - Precision Clicking : Accurate pixel placement for detailed work - Random Selection : Surprise artwork generator for spontaneous creativity - Progress Tracking : Visual feedback as you complete each section

Cross-Platform Compatibility

Enjoy Color Artist on any device: - Desktop Computers : Full-featured experience with mouse controls - Mobile Phones : Touch-optimized interface for on-the-go creativity - Tablets : Perfect screen size for comfortable digital coloring

Gameplay Experience

Color Artist transforms the traditional coloring book concept into an engaging digital experience. Each artwork is presented as a grid of numbered pixels, where players click to apply colors according to a predetermined palette. This paint-by-numbers approach makes the game accessible to players of all skill levels while still providing the satisfaction of creating beautiful art.

The pixel art style adds a nostalgic charm reminiscent of classic video games, appealing to retro gaming enthusiasts while remaining modern and fresh. The systematic approach to coloring promotes focus and mindfulness, making it an excellent stress-relief activity.

Operation Guide

Getting started with Color Artist is incredibly simple:

  1. Select Your Artwork : Browse through categories or choose random selection
  2. Choose Your Colors : Click on the color palette to select your desired shade
  3. Start Coloring : Click on numbered pixels to apply the selected color
  4. Watch Progress : See your artwork gradually come to life
  5. Complete Your Masterpiece : Fill in all pixels to finish your creation

The game requires only basic mouse or touch controls, making it accessible to players of all ages and technical abilities. No complex tutorials or learning curves - just pure creative enjoyment.

Why Play Color Artist

Perfect Relaxation Activity

Color Artist provides a meditative experience that helps reduce stress and anxiety. The repetitive nature of pixel coloring promotes mindfulness and focus, making it an ideal activity for unwinding after a busy day.

Suitable for All Ages

Whether you're a child developing fine motor skills or an adult seeking creative expression, Color Artist offers appropriate challenges and rewards. The game's difficulty can be adjusted by choosing simpler or more complex designs.

No Pressure Creativity

Unlike traditional art forms, pixel art coloring removes the pressure of original creation while still providing artistic satisfaction. Players can focus on the joy of coloring without worrying about drawing skills or artistic talent.

Instant Accessibility

As a free browser-based game, Color Artist requires no downloads, subscriptions, or special software. Simply open your browser and start creating immediately.

Educational Benefits

The game helps develop: - Color Recognition : Understanding color relationships and combinations - Patience and Focus : Completing detailed pixel work requires concentration - Following Instructions : Learning to work within structured guidelines - Digital Literacy : Comfortable interaction with digital interfaces

Frequently Asked Questions (FAQ)