Tree House Maker - Cozy Decoration Game

Seele01-Flash
By
Tree House Maker is a charming decoration game where you build and design your perfect treetop sanctuary. Unlock furniture, choose colors, and create cozy rooms in a magical forest setting.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Tree House Maker**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopt a "Cozy Isometric" aesthetic with a pastel color palette (focus on cherry blossom pinks, soft greens, and warm wood tones). Use `MeshToonMaterial` or `MeshLambertMaterial` for a soft, non-photorealistic look. * **Camera Setup**: Use an `OrthographicCamera` positioned at an isometric angle (e.g., position (20, 20, 20), looking at (0, 0, 0)) to replicate the 2.5D look of the screenshot. * **Central Structure**: The core element is a stylized, cylindrical tree trunk that runs vertically through the center of the scene. The "room" is a floor platform built around this trunk. * **Environment**: * Background: A soft vertical gradient (Sky Blue to Pastel Pink) or a blurred forest canopy texture. * Particle System: Implement a gentle `Points` system for falling cherry blossom petals or floating light motes to enhance the "tranquil" atmosphere. * **Furniture Assets**: Create low-poly placeholders for: * Sofa (rounded edges, pastel purple). * Rug (elliptical, beige). * Plants (potted, various sizes). * Wooden tables/benches. * Mystical Loot Box (cube with glowing texture). ### 2. Audio Requirements * **BGM**: A relaxing, loopable track featuring acoustic guitar or low-fidelity (lo-fi) beats. Tempo should be slow (60-80 BPM). * **Sound Effects (SFX)**: * **UI/Interaction**: A satisfying "Pop" or "Bubble" sound when clicking buttons or opening the mystical box. * **Placement**: A soft "Wood block" thud when furniture is placed on the floor. * **Ambience**: Subtle wind blowing through leaves and occasional distant bird chirping. ### 3. Gameplay Loop * **Gacha Mechanic**: The player starts by tapping a "Mystical Box" icon. This triggers an animation opening the box and spawning a random piece of furniture or color palette into the inventory. * **Decoration Phase**: * **Spawn**: Player selects an item from a bottom scrollable UI bar. * **Drag & Drop**: The item follows the player's touch/cursor on the floor plane. * **Snapping**: Items should snap to a hidden grid (e.g., 1x1 unit) to ensure neat alignment. * **Collision**: Prevent items from overlapping with the central tree trunk or other furniture. * **State Management**: Allow switching between "Floors" (expanding the treehouse upwards). * **Save System**: Use `localStorage` to save the position and rotation of placed items. ### 4. Mobile Controls & Interaction * **Touch Input Logic**: * Implement a `Raycaster` that converts screen touch coordinates to 3D world space. * **Tap**: Select an object (highlights the object with an outline or emissive color). * **Hold & Drag**: Move the selected object across the floor plane. * **Object Manipulation UI**: * When an object is selected, spawn a floating "Context Menu" near the object (or fixed at the bottom right) containing: * **Rotate Button**: Rotates the object 90 degrees on the Y-axis. * **Delete Button**: Removes the object and returns it to inventory. * **Confirm/Check Button**: Deselects the object. * **Camera Controls**: Allow single-finger panning (to look around the room) and two-finger pinch-to-zoom. Disable camera rotation to maintain the fixed isometric perspective. * **Responsiveness**: Ensure all UI buttons have a minimum touch target size of 44x44 pixels. The canvas must resize dynamically on window resize or orientation change. * **Feedback**: Trigger `navigator.vibrate(50)` (Haptic Feedback) when an item is successfully placed or snapped to the grid. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Tree House Maker

Tree House Maker is a delightful decoration and building game that brings your childhood dreams of the perfect treehouse to life. Set in a serene forest environment, this cozy simulation game lets you design, decorate, and expand your own magical treetop retreat. With its charming isometric graphics and relaxing gameplay, it's perfect for players who love creative building and interior design.

Core Features

Creative Freedom in Design

Express your creativity through unlimited decorating possibilities. Open mystical boxes to discover new furniture pieces, from comfortable sofas and stylish lamps to adorable plants and cozy rugs. Each item can be customized with different colors, allowing you to create a truly unique aesthetic for your treehouse.

Progressive Building System

Start with a simple platform and gradually expand your treehouse floor by floor. The game encourages organic growth as you unlock new rooms and areas, creating a multi-level sanctuary that reflects your personal style and imagination.

Intuitive Drag-and-Drop Interface

The game features user-friendly controls that make decorating effortless and enjoyable. Simply drag furniture to your desired location, rotate items to find the perfect angle, and experiment with different arrangements until you achieve the ideal room layout.

Photo Sharing Feature

Capture your favorite designs and share them with friends! The built-in screenshot feature lets you document your creative achievements and showcase your decorating skills to the community.

Guided Experience with Leaflette

Meet Leaflette, your friendly leaf spirit guide who helps you navigate the building process. This cheerful companion provides helpful tips and encouragement as you create your dream treehouse.

Gameplay Mechanics

The core gameplay revolves around opening mystery boxes that contain various furniture items and decoration pieces. Each box reveals new possibilities for your treehouse, from essential furniture like beds and chairs to decorative elements like artwork and plants. The satisfaction comes from discovering new items and finding creative ways to incorporate them into your growing treehouse.

Operation Guide

Playing Tree House Maker is simple and intuitive:

  • Opening Boxes : Click on mystical boxes to reveal new furniture and decoration items
  • Item Selection : Click on items or colors to equip or unequip them from your inventory
  • Placement : Drag items from your inventory to the desired location in your treehouse
  • Positioning : Use the rotate button to adjust items to the perfect angle
  • Removal : Use the delete button to remove items you no longer want
  • Navigation : Move around your treehouse to access different floors and rooms

Why Play Tree House Maker

This game offers a perfect blend of creativity, relaxation, and satisfaction. Unlike fast-paced action games, Tree House Maker provides a peaceful environment where you can unwind while expressing your creativity. The game is ideal for:

  • Stress Relief : The calm, cozy atmosphere helps you relax after a busy day
  • Creative Expression : Unlimited decorating options let you bring your vision to life
  • Casual Gaming : Perfect for short sessions or extended creative marathons
  • All Ages : Simple controls and wholesome content make it suitable for everyone
  • Social Sharing : Share your creations and get inspired by others' designs

Whether you're a fan of decoration games, building simulators, or simply enjoy cozy, relaxing gameplay, Tree House Maker offers an enchanting experience that celebrates creativity and imagination.

Frequently Asked Questions (FAQ)