DIY Phone Case Shop - Creative Design Studio

Seele01-Flash
By
DIY Phone Case Shop is an engaging creative simulation game where you run your own phone case design studio. Customize unique phone cases for customers, decorate your shop, and build a thriving business through artistic creativity and customer satisfaction.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**DIY Phone Case Shop**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Bright, vibrant, and "Kawaii" (cute) aesthetic. Use a PBR material workflow but with high saturation and soft lighting to mimic a polished cartoon look. The scene should feel like a cozy crafting workbench. * **Central Object (The Hero Asset)**: A high-quality 3D model of a modern smartphone case (e.g., iPhone 15 style with camera bump). The mesh must have clean UVs to support dynamic texture painting. * **Environment**: * **Background**: A 2D or 3D green grid cutting mat (as seen in the reference) acting as the workbench surface. * **Decor**: Scattered crafting props around the edges (glue bottles, glitter jars, paper scraps) to frame the play area without obstructing the view. * **Mobile Optimization**: Use low-poly meshes for background props. The phone case can have higher polygon density for smoothness. Use a single directional light with soft shadows and an ambient light to ensure performance on mobile devices. ### 2. Audio Requirements * **BGM**: A relaxing, cheerful, and looping "cozy crafting" track. Think acoustic guitar or soft synth-pop (similar to *Animal Crossing* or *The Sims* build mode). * **SFX**: * **Spray Painting**: A continuous soft hissing sound when the user holds down to paint. * **Sticker Application**: A satisfying "pop" or "suction" sound when placing a sticker. * **Drying/Blowdryer**: A wind blowing sound. * **UI**: Soft clicks and upbeat chimes for completing an order. * **ASMR Elements**: Emphasize the tactile sounds of crafting. ### 3. Gameplay Loop * **State 1: Cleaning/Prep**: The player must drag a tool (sponge/glue) over the dirty/blank phone case to prepare the surface. * **State 2: Spray Painting**: The player selects colors from a palette. Holding the finger down sprays paint onto the 3D model. Logic should use Raycasting to detect hit points on the phone mesh and update a `CanvasTexture` dynamically to simulate spray paint accumulation. * **State 3: Drying**: Use a blowdryer tool to set the paint (visual feedback: texture changes from glossy to matte). * **State 4: Decoration**: * **Stickers**: Drag and drop 2D sprites (cats, stars, hearts) onto the 3D surface. Use `DecalGeometry` or simply project textures onto the surface. * **Charms**: Attach a 3D keychain (like the unicorn rainbow charm) to the side of the case. It should have simple physics (swinging slightly when the phone is rotated). * **State 5: Showcase**: The camera zooms out, confetti particles explode, and a "Satisfaction Score" (1-3 stars) appears based on coverage and decoration count. ### 4. Mobile Controls & Interaction * **Orientation**: **Portrait Mode (Vertical)** is mandatory to mimic holding a real phone. * **Camera Controls**: * **Auto-Rotate**: During the painting phase, the phone stays fixed but can be rotated 360 degrees by swiping left/right on the background (not on the phone itself). * **Painting Interaction**: * **Touch & Hold**: Activates the spray nozzle. The spray follows the finger position on the screen relative to the 3D object. * **Drag & Drop**: For stickers and charms, implement robust touch drag logic. Ensure elements don't clip through the phone model. * **Haptic Feedback**: Trigger the device's vibration (using `navigator.vibrate`) when the spray can is active or a sticker snaps into place. * **UI Layout**: Large, thumb-friendly buttons (min 44px) at the bottom of the screen for tool selection (Paint / Sticker / Dryer / Next). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

DIY Phone Case Shop is a delightful creative simulation game that lets you step into the role of a phone case design entrepreneur. This colorful 2D game combines artistic expression with business management, offering players an engaging experience where creativity meets commerce. Perfect for players who enjoy crafting, decorating, and fashion design, this browser-based game provides hours of entertainment without any downloads required.

Core Features

Creative Design Studio

The heart of DIY Phone Case Shop lies in its comprehensive design system. Players have access to a wide variety of customization options to create the perfect phone case for each customer:

  • Pattern Library : Choose from cute animal designs, abstract patterns, floral motifs, and geometric shapes
  • Color Palette : Unlimited color combinations to match any style preference
  • Decorative Elements : Add stickers, gems, chains, and special effects to make each case unique
  • Theme Categories : From minimalist designs to bold statement pieces

Shop Management System

Running a successful phone case shop requires more than just design skills. The game incorporates business simulation elements that keep gameplay engaging:

  • Customer Orders : Each client comes with specific requests and style preferences
  • Shop Decoration : Customize your store layout with eye-catching displays and furniture
  • Reputation Building : Satisfy customers to earn positive reviews and attract new clients
  • Upgrade System : Unlock new design tools and shop improvements as you progress

Interactive Gameplay

The game features intuitive mouse-based controls that make designing feel natural and enjoyable. Simply click and drag to apply colors, patterns, and decorations. The user-friendly interface ensures that players of all ages can jump in and start creating immediately.

Gameplay Mechanics

Order Fulfillment Process

  1. Customer Consultation : Review each client's specific requirements and style preferences
  2. Design Creation : Use the available tools to craft the perfect phone case
  3. Quality Check : Ensure your design meets the customer's expectations
  4. Delivery : Present the finished product and collect payment
  5. Shop Enhancement : Use earnings to upgrade your tools and shop appearance

Progression System

As you successfully complete orders and build your reputation, new opportunities unlock:

  • Advanced Design Tools : Access to premium patterns and decoration options
  • Shop Expansions : Larger workspace and better equipment
  • Special Customers : High-value clients with unique design challenges
  • Achievement Rewards : Special bonuses for reaching business milestones

Game Controls

Mouse Controls : The entire game is controlled using your mouse or trackpad: - Left Click : Select tools, apply colors, and place decorations - Click and Drag : Paint patterns and move design elements - Menu Navigation : Access different sections of your shop and design studio

The intuitive control scheme makes the game accessible to players of all skill levels, from creative beginners to experienced designers.

Why Play DIY Phone Case Shop

Perfect for Creative Minds

This game is ideal for players who love expressing their artistic side. With countless customization options and the freedom to experiment with different styles, every design session offers new creative possibilities.

Relaxing Gaming Experience

Unlike fast-paced action games, DIY Phone Case Shop offers a calm, meditative gaming experience. The coloring and design mechanics provide a therapeutic outlet that helps players unwind and express their creativity.

Business Simulation Elements

The shop management aspects add depth beyond simple coloring games. Players must balance creativity with customer satisfaction, creating an engaging gameplay loop that combines art with strategy.

Free Browser-Based Fun

No downloads, no installations, and completely free to play. The game runs smoothly in any modern web browser on both desktop and mobile devices, making it accessible anywhere with an internet connection.

Educational Value

While entertaining, the game also teaches valuable skills: - Color Theory : Understanding how different colors work together - Design Principles : Learning about composition and visual appeal - Customer Service : Meeting client expectations and building relationships - Business Management : Resource allocation and shop improvement strategies

Frequently Asked Questions (FAQ)