Sneaker Art - Creative Shoe Design Game

Seele01-Flash
By
Sneaker Art is a creative casual art game where you become a professional sneaker designer. Paint custom shoes, choose laces, and build your sneaker business by selling unique designs.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Sneaker Art". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-saturation, stylized 3D art similar to casual mobile hyper-casual games. The aesthetic should be clean, vibrant, and focused on the central object. * **Main Asset (The Sneaker)**: A segmented 3D sneaker model. The mesh must be split into distinct, interactable parts (e.g., sole, toe box, heel, tongue, swoosh/logo, laces) to allow for individual material color changes. Use `MeshStandardMaterial` for a realistic "leather" or "canvas" finish. * **Background**: A dynamic radial gradient background (e.g., Hot Pink to Purple) that contrasts well with the sneaker. * **Lighting**: Studio lighting setup using a `DirectionalLight` (key light), `AmbientLight` (fill), and a `SpotLight` focused on the shoe to highlight texture details. * **Effects**: Simple particle bursts (confetti or paint droplets) when a painting stage is completed. ### 2. Audio Requirements * **BGM**: A chill, lo-fi hip-hop or upbeat urban pop instrumental loop to match the "streetwear/sneakerhead" vibe. * **Sound Effects (SFX)**: * **Painting**: A satisfying "psshhh" (spray can) or soft "swish" (brush) sound when coloring a section. * **UI**: Soft clicks for color selection. * **Success**: A "Ka-ching" (cash register) sound when the shoe is sold. * **Completion**: A cardboard "thud" sound when the shoe is boxed. ### 3. Gameplay Loop * **Phase 1: Briefing**: A 2D UI overlay displays a "Target Design" (a small image of the sneaker with specific colors) that the player must memorize or reference. * **Phase 2: Painting**: The player selects colors from a bottom palette and applies them to specific parts of the 3D sneaker to match the target. * **Phase 3: Validation**: When the player clicks "Done", the system calculates a similarity percentage (0-100%) based on how many mesh parts match the target colors. * **Phase 4: Reward**: The shoe is animated into a shoebox. The player earns currency based on accuracy (e.g., "90% Match = $90"). ### 4. Mobile Controls & Interaction * **Camera Control**: Use `OrbitControls` but restrict it to auto-rotate lightly or allow one-finger drag to rotate the view. *Crucial:* Differentiate between a "tap" (to paint) and a "drag" (to rotate camera). * **Painting Mechanism (Raycasting)**: * Implement a `Raycaster` that detects touch events. * **Tap Interaction**: When the user taps a specific mesh part (e.g., the sole), apply the currently selected color to that mesh's material immediately. * **UI Layout**: * **Color Palette**: A horizontal scrollable bar of large circular buttons (minimum 60x60px) at the bottom of the screen. * **Reference Image**: A toggleable or floating thumbnail in the top-left corner. * **Action Button**: A large "FINISH" button in the top-right corner. * **Feedback**: trigger `navigator.vibrate(50)` (haptic feedback) on every successful paint action to simulate tactile coloring. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Sneaker Art

Sneaker Art is an innovative 3D art and simulation game that transforms you into a professional sneaker designer. This creative casual game combines artistic expression with business management, allowing you to paint custom sneakers, manage inventory, and build a thriving shoe empire. With its intuitive mouse-controlled gameplay and colorful 3D graphics, Sneaker Art offers an engaging creative experience for players of all ages.

Core Features

Creative Design System

The game features a comprehensive sneaker customization system where you start with blank canvas shoes and recreate reference designs. Using your virtual paintbrush, you can:

  • Precision Painting : Apply colors directly onto 3D sneaker models with realistic brush mechanics
  • Reference Matching : Follow provided design templates to create accurate reproductions
  • Color Variety : Access a full palette of colors to bring your creative visions to life
  • Mistake Correction : Paint over errors seamlessly to perfect your designs

Business Simulation Elements

Beyond the artistic aspect, Sneaker Art incorporates engaging business gameplay:

  • Lace Selection : Choose from various lace styles to complement your designs
  • Packaging System : Box your finished sneakers in stylish containers
  • Shop Management : Display and sell your creations in your virtual sneaker store
  • Revenue Generation : Earn money based on design accuracy and customer satisfaction

3D Visual Experience

The game showcases vibrant 3D graphics with: - Realistic sneaker models that respond to your painting - Colorful, eye-catching art style perfect for creative expression - Smooth animations and visual effects - Interactive shop environment for selling your designs

Gameplay Mechanics

Design Process

Each sneaker creation follows a structured workflow:

  1. Reference Analysis : Study the target design showing specific colors and patterns
  2. Canvas Preparation : Start with a grey base sneaker ready for customization
  3. Precision Painting : Carefully apply colors to match the reference design
  4. Quality Control : Review and refine your work for maximum accuracy
  5. Finishing Touches : Add laces and prepare for packaging

Accuracy-Based Scoring

Your success depends on how closely you match the reference designs. Higher precision leads to: - Better sales performance in your virtual shop - Increased revenue for business expansion - Unlock new design challenges and sneaker styles - Enhanced reputation as a sneaker artist

Controls Guide

Sneaker Art features simple, intuitive controls:

  • Left Mouse Button : Primary interaction for all game functions
  • Mouse Movement : Navigate your paintbrush across the sneaker surface
  • Click and Hold : Apply paint to specific areas of the shoe
  • Menu Navigation : Access color palettes, laces, and shop functions

The mouse-only control scheme makes the game accessible across all devices with pointing capabilities.

Why Play Sneaker Art

Creative Expression

Sneaker Art offers unlimited creative potential, allowing you to: - Express artistic vision through sneaker design - Develop color coordination and design skills - Experience the satisfaction of creating unique artwork - Build confidence in artistic abilities

Relaxing Gameplay

As a casual game, Sneaker Art provides: - Stress-Free Environment : No time pressure or competitive elements - Meditative Experience : Focus on detailed painting and design work - Flexible Pacing : Play at your own speed and comfort level - Instant Satisfaction : See immediate results from your creative efforts

Business Learning

The simulation elements teach valuable lessons about: - Quality control and attention to detail - Customer satisfaction and market demands - Inventory management and product presentation - Revenue generation through skill improvement

Accessibility Features

  • Free to Play : Complete game experience at no cost
  • No Download Required : Instant play through web browsers
  • Cross-Platform Support : Compatible with computers, tablets, and mobile devices
  • Simple Controls : Easy-to-learn mouse-based interaction
  • Family Friendly : Suitable content for all age groups

Frequently Asked Questions (FAQ)