Designville: Merge & Design

Seele01-Flash
By
Designville: Merge & Design combines the addictive mechanics of merge gameplay with creative home renovation challenges. Help Louise and Robin transform an abandoned house into the ultimate design studio through strategic merging and decorating.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Designville: Merge & Design". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D Casual Cartoon style. Use an **OrthographicCamera** to simulate a flat board while allowing 3D depth for item animations. The color palette should be warm and vibrant (autumn oranges, golds, soft blues), mimicking the "cozy renovation" aesthetic of the promotional image. * **The Board (Grid)**: Create a 7x9 grid board. The background should be a blurred, high-quality texture of a garden or renovation studio to provide context without visual noise. * **Items (Assets)**: Use low-poly models or high-resolution textured planes (SpriteMaterial) for the merge items. * **Item Hierarchy**: 1. Push Pin (Yellow) -> 2. Eraser (Pink/White) -> 3. Post-it Note (Yellow square) -> 4. Ruler -> 5. Round Ruler -> 6. Pencil -> 7. Highlighter -> 8. Drawing Compass -> 9. Stapler -> 10. Color Sample. * **Generator Item**: A distinct "Yellow Bag" model that occupies a fixed slot or can be placed on the board. * **Performance**: Use **InstancedMesh** for grid tiles to reduce draw calls. Texture resolution should be capped at 512x512 for mobile optimization. Implement simple shadow planes (blobs) instead of real-time shadow casting. ### 2. Audio Requirements * **BGM**: A relaxing, acoustic guitar or light piano track with a slow tempo. It should loop seamlessly to encourage long play sessions without fatigue. * **Sound Effects (SFX)**: * **Spawn**: A soft "rustle" or "pop" sound when clicking the Yellow Bag. * **Merge**: A satisfying, high-pitched "ding" or "magical chime" when two items combine. * **Drag/Drop**: A subtle "whoosh" on pickup and a "thud" on drop. * **Success**: A cheerful fanfare when a customer order is completed. ### 3. Gameplay Loop * **Spawning Mechanism**: Players click (tap) the "Yellow Bag". Each click spawns a Level 1 item (Push Pin) into the first available empty grid slot. If the board is full, show a "Board Full" visual warning. * **Merge Logic**: * Drag an item onto another identical item to merge them. * Logic: `Item[Level X] + Item[Level X] = Item[Level X+1]`. * Refer to the "Item Hierarchy" in Section 1 for the specific evolution chain. * **Objective System**: Display a simple UI at the top showing a "Current Order" (e.g., "Client needs: 1 Ruler"). * **Economy**: Merging items creates higher-value tools. Completing orders generates "Coins" (visualized as a flying particle effect to a UI counter). ### 4. Mobile Controls & Interaction * **Touch Controls**: * **Drag & Drop**: Use Three.js `Raycaster` to map touch coordinates to grid positions. Implement "magnetic snapping"—when an item is released near a valid grid slot or merge target, it snaps into place. * **Click/Tap**: Simple tap detection for the Generator (Yellow Bag). * **Screen Orientation**: **Portrait Mode** (Vertical) design. The grid should be centered in the lower 70% of the screen for easy thumb reachability. * **Visual Feedback**: * **Squash & Stretch**: When merging, the new item should scale up (1.2x) and bounce back to simulate a "jelly" physics feel. * **Highlight**: When dragging an item, highlight valid merge targets with a glowing outline. * **Haptics**: Trigger `navigator.vibrate(20)` (short pulse) upon a successful merge to provide tactile satisfaction. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Designville: Merge & Design is an innovative casual game that blends strategic merging mechanics with creative interior design challenges. Join Louise and Robin on their exciting journey to renovate an abandoned house and transform it into Designville's premier design studio. This engaging game offers a perfect balance of puzzle-solving and creative expression, making it ideal for players who love both strategy and design.

The game features a unique storyline where you'll help two ambitious designers build their decorating empire from the ground up. Starting with a run-down property filled with dusty boxes and forgotten items, you'll use clever merging strategies to unlock renovation materials and gradually bring the space back to life.

Core Features

Revolutionary Merge Mechanics

Designville introduces an innovative merging system that goes beyond traditional match-three gameplay. Every merge you make contributes directly to your renovation progress, creating a satisfying connection between puzzle-solving and creative achievement.

Comprehensive Design Experience

  • Complete Renovation Projects : Transform entire rooms from concept to completion
  • Client Management System : Take orders from friends, then expand to serve demanding clients
  • Progressive Difficulty : Start with simple tasks and advance to complex design challenges
  • Multiple Room Types : Renovate living rooms, kitchens, bedrooms, and outdoor spaces

Relaxing Yet Engaging Gameplay

The game perfectly balances relaxation with mental stimulation. The merge mechanics provide satisfying puzzle-solving moments, while the design elements allow for creative expression and personalization.

Cross-Platform Compatibility

Enjoy seamless gameplay across all devices. Whether you're on desktop, mobile, or tablet, your design studio progress stays synchronized and accessible.

Gameplay Mechanics

The Merging System

Your renovation journey begins with a grid filled with cardboard boxes containing various household items. The key to success lies in the yellow bag of corkboard push pins - your gateway to unlimited merging possibilities.

Essential Merge Chains: - Push pins → Erasers → Post-it notes → Rulers - Advanced chains lead to specialized tools like compasses and staplers - Each successful merge creates valuable renovation resources - Higher-tier items provide greater renovation value

Renovation Progression

Every merge contributes to completing tasks on your renovation checklist. As you clear objectives, new areas of the house become accessible, revealing fresh challenges and design opportunities.

Client Relationships

Once your studio is operational, you'll begin accepting design commissions. Start with simple projects for friends, then build your reputation to attract high-paying clients with complex requirements.

Operation Guide

Basic Controls

  • Left Mouse Click : Select and merge items
  • Drag and Drop : Rearrange items on the grid
  • Click Yellow Bag : Release push pins to fill empty spaces
  • Menu Navigation : Access renovation tasks and client orders

Strategic Tips for Success

  1. Prioritize Space Management : Keep your grid organized for efficient merging
  2. Plan Merge Chains : Think several steps ahead to maximize efficiency
  3. Balance Tasks : Focus on both merging and design objectives
  4. Client Satisfaction : Complete orders promptly to build reputation

Why Play Designville: Merge & Design

Perfect Casual Gaming Experience

This game delivers the ideal casual gaming experience - easy to learn but endlessly engaging. The combination of merge puzzles and design creativity ensures long-term entertainment value without overwhelming complexity.

Stress-Free Entertainment

Unlike competitive games, Designville offers a peaceful, stress-free environment where you can relax while exercising your creativity and strategic thinking skills.

Continuous Progression

Every gaming session brings meaningful progress. Whether you're completing a small merge chain or finishing a major renovation project, you'll always feel a sense of accomplishment.

Creative Expression

The game encourages personal style and creative decision-making. Each design choice reflects your unique aesthetic preferences, making every player's studio truly personalized.

No Pressure Gaming

Play at your own pace without time limits or competitive pressure. This makes it perfect for stress relief during busy days or extended relaxation sessions.

Frequently Asked Questions (FAQ)