Unicorn Dress Up Coloring Book

Seele01-Flash
By
Unicorn Dress Up Coloring Book combines creativity with magical fantasy, letting you design unique unicorns with stylish outfits and vibrant colors. Perfect for relaxation and artistic expression.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Unicorn Dress Up Coloring Book**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D Aesthetics using **Toon Shading (Cel-Shading)**. The game should mimic the flat, bold-outlined look of a cartoon but use 3D meshes to allow for depth. * **Main Character (The Unicorn)**: * Implement a central Unicorn model composed of separate, clickable mesh groups (e.g., `Mane_Mesh`, `Body_Mesh`, `Horn_Mesh`, `Hooves_Mesh`, `Outfit_Mesh`). * **Dynamic Materials**: Use `THREE.ShaderMaterial` to create specific effects mentioned in the description, specifically a **"Glitter/Sparkle" shader** that can be applied to the unicorn's wings or horn. * **Background**: A dynamic pastel-colored skybox (gradient from cyan to pink). Add slowly floating, low-poly clouds in the background and a semi-transparent rainbow arc to create a magical atmosphere. * **Performance**: Since this is mobile-first, use low-poly models with baked normal maps if necessary. Limit the scene to <50k triangles. Use a single directional light source plus ambient light to save GPU calculation. ### 2. Audio Requirements * **BGM**: A relaxing, looping track featuring harp, celeste, and soft synth pads. It should feel "dreamy" and "magical." * **Sound Effects (SFX)**: * **Selection**: A soft "pop" or "bubble" sound when selecting a color or tool. * **Coloring Action**: A "magical chime" or "sparkle wand" sound when a section is successfully colored. * **UI Interaction**: A paper-like "swish" sound when opening menus or swapping categories (Dress Up vs. Coloring). * **Completion**: A triumphant fanfare (short and sweet) when the user clicks the "Finish/Share" button. ### 3. Gameplay Loop * **Mode 1: Dress Up**: * A UI panel allows swapping geometry or textures for accessories (e.g., changing the Horn shape, adding Wings, swapping the Saddle/Outfit). * Logic: `scene.remove(oldAccessory); scene.add(newAccessory);` * **Mode 2: Coloring**: * **Raycasting Logic**: The core mechanic relies on `THREE.Raycaster`. When the user taps a specific mesh part (e.g., the mane), the material color of that specific part changes to the currently selected color. * **Advanced Coloring**: Include a toggle to switch between solid colors and **Texture Patterns** (polka dots, stripes, gradients). Applying a pattern updates the `map` property of the material. * **Victory/Sharing**: A "Camera" button triggers `renderer.domElement.toDataURL()` to save the current canvas state as an image, followed by a particle explosion of hearts and stars to celebrate the design. ### 4. Mobile Controls & Interaction * **Camera & Viewport**: * Use an **OrthographicCamera** to maintain the "book page" perspective while allowing 3D depth. * **Gestures**: Implement `OrbitControls` (or custom touch logic) restricted to **Panning (one finger)** and **Zooming (two-finger pinch)**. Lock rotation to keep the 2D aesthetic, or limit it to very slight angles for a parallax effect. * **Touch Input**: * Map `touchstart` and `touchend` events to the Raycaster. Ensure the "hit area" for smaller parts (like the eye or hoof) is precise. * **UI Layout (Portrait & Landscape Adaptive)**: * **Color Palette**: A horizontal scrolling list (Scroller) at the bottom of the screen. Each color swatch should be at least **48x48px** for thumb accessibility. * **Tool Switcher**: Floating circular buttons on the right side for switching between "Brush" (Solid Color), "Bucket" (Fill Pattern), and "Wardrobe" (Dress Up). * **Visual Feedback**: When a user touches a color or an object, trigger a subtle **scale animation** (bounce effect) on the UI element or the 3D mesh part to confirm the input. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Unicorn Dress Up Coloring Book is an enchanting online coloring game that brings together the magical world of unicorns with creative fashion design. This delightful 2D game offers a perfect blend of dress-up gameplay and artistic coloring activities, designed to spark creativity and provide hours of relaxing entertainment.

The game features a beautiful rainbow-themed interface with adorable unicorn characters waiting to be transformed through your artistic vision. Whether you're looking to unwind after a busy day or explore your creative side, this magical coloring adventure offers the perfect escape into a world of fantasy and fashion.

Core Features

Complete Creative Freedom

Design your dream unicorn from scratch with an extensive collection of customization options. Choose from various unicorn bases, each with unique characteristics and poses, then bring them to life with your personal touch.

Extensive Fashion Collection

Dress your unicorns in stylish outfits ranging from elegant gowns to casual wear. The game includes: - Magical Accessories : Tiaras, jewelry, and enchanted items - Glittering Wings : Various wing styles with sparkle effects - Colorful Outfits : Dresses, tops, and fantasy costumes - Decorative Elements : Hearts, stars, and magical symbols

Advanced Coloring Tools

Experience professional-grade coloring features including: - Gradient Effects : Create smooth color transitions and stunning visual effects - Pattern Library : Apply intricate patterns and textures to your designs - Color Palette : Extensive range of colors and shades - Precision Tools : Fine-tune every detail of your unicorn masterpiece

Relaxing Gameplay Experience

The game is specifically designed as a relaxing activity, perfect for stress relief and mindfulness. The gentle pace and soothing interface create a calm environment where creativity can flourish.

Game Mechanics

Design Process

  1. Choose Your Unicorn : Select from various unicorn templates
  2. Dress Up Phase : Browse through clothing and accessory options
  3. Coloring Session : Apply colors, gradients, and patterns
  4. Final Touches : Add magical effects and decorative elements
  5. Save & Share : Preserve your creations and show them off

Multiple Coloring Pages

Beyond unicorn design, the game offers numerous coloring pages featuring: - Fantasy landscapes with rainbows and clouds - Magical scenes with castles and enchanted forests - Abstract patterns and mandala-style designs - Seasonal themes and special occasions

Operation Guide

Simple Mouse Controls

The game features intuitive mouse-based controls that are easy for all ages: - Click and Drag : Select colors and apply them to different areas - Menu Navigation : Access tools and options with simple clicks - Color Selection : Choose from the palette or create custom colors - Zoom Functions : Get detailed work done with zoom controls

Browser Compatibility

Optimized for both desktop and mobile browsers, ensuring smooth gameplay across all devices. The responsive design adapts to different screen sizes while maintaining full functionality.

Why Play This Game

Perfect for All Ages

Whether you're a child discovering creativity or an adult seeking relaxation, this game offers something for everyone. The simple controls make it accessible to younger players, while the advanced features satisfy more experienced artists.

Educational Benefits

  • Color Recognition : Learn about color theory and combinations
  • Fine Motor Skills : Improve hand-eye coordination through precise coloring
  • Creative Expression : Develop artistic skills and imagination
  • Stress Relief : Experience the therapeutic benefits of coloring

Social Sharing

Share your unicorn creations with friends and family, building a community of magical artists. The sharing feature allows you to showcase your work and inspire others with your designs.

No Download Required

Enjoy instant access through any modern web browser without the need for downloads or installations. This makes it perfect for quick creative sessions wherever you have internet access.

Frequently Asked Questions (FAQ)