Cozy Room Design - Interior Decoration Game

Seele01-Flash
By
Cozy Room Design is a charming interior decoration game where you can design and customize your dream room with furniture, wallpaper, decorations, and adorable pets. Create the perfect cozy space with complete creative freedom!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Cozy Room Design". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Isometric "Kawaii" aesthetic. Use Low-poly 3D models with a specific "Toon Shader" or Cel-shading that includes flat, vibrant colors and bold black outlines to mimic the 2D vector art style seen in the reference. * **Camera:** Use an `OrthographicCamera` set to a fixed isometric angle (e.g., position at x: 20, y: 20, z: 20, looking at 0,0,0) to maintain parallel lines and the classic isometric look without perspective distortion. * **Asset Library:** Create a modular set of furniture assets: * **Structure:** Tiled flooring (terracotta/wood), walls with varying patterns (tile/wallpaper), and windows with transparency. * **Furniture:** Kitchen cabinets (green/wood), stoves, fridges, wooden tables, chairs. * **Decor:** Potted plants (Monstera, succulents), rugs. * **Pets:** Low-poly abstract cats (Black, Calico) that can be placed on surfaces. * **Mobile Optimization:** Use simple BoxGeometries and CylinderGeometries where possible to keep draw calls low. Merge static geometries (like the floor grid) if they don't change. Limit texture sizes to 512x512. ### 2. Audio Requirements * **BGM:** A looping, relaxing Lo-Fi Hip Hop or soft acoustic Bossa Nova track. It should be unobtrusive and calming. * **Sound Effects (SFX):** * **Interaction:** A satisfying soft "pop" or "bubble" sound when an item is placed or snapped to the grid. * **UI:** A "woosh" sound for opening the furniture catalog. * **Pets:** Random soft "meow" sounds when the player taps on a cat or places one. * **Rotation:** A mechanical "click" sound when rotating furniture. ### 3. Gameplay Loop * **Core Mechanic:** The game functions as a sandbox room designer. * **Selection:** Player selects a category (e.g., Kitchen, Bedroom, Pets) from a UI menu. * **Placement:** Tapping an item spawns it in the center of the room. * **Manipulation:** Player drags the item to move it. Logic must include a "Grid Snapping" system (e.g., snap to nearest 1.0 unit) to ensure furniture aligns perfectly against walls or other items. * **Collision Logic:** Prevent items from overlapping (visual red tint if placement is invalid). * **Pet Logic:** Cats have special logic allowing them to stack *on top* of valid surfaces like tables, beds, or the fridge (using raycasting to detect the height of the object below). * **Persistence:** A "Save" button that serializes the scene (position/rotation of all UUIDs) to `localStorage`. ### 4. Mobile Controls & Interaction * **Input Handling:** * Implement `touchstart`, `touchmove`, and `touchend` event listeners mapped to a Raycaster. * **Object Selection:** Tap to select an object. A selected object should display a bounding box or highlight. * **Drag & Drop:** When dragging, calculate the offset between the touch point and the object's anchor so the user's finger doesn't obscure the object being moved. * **Contextual UI:** When an object is selected, a floating context menu (or bottom bar) should appear with: * **Rotate Button:** Rotates object 90 degrees on the Y-axis. * **Delete Button:** Removes the object. * **Color Palette:** (Optional) Circles indicating available color variants. * **Screen Adaptation:** Support both Portrait and Landscape modes, but prioritize Portrait for one-handed play. Adjust camera zoom (`camera.zoom`) dynamically based on `window.innerWidth`. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(10)` for a short tick when an object snaps to the grid. * **Visual:** Display a grid overlay on the floor only while dragging an item. ### 5. Code Structure * Use ES6 modules. * Separate the code into `SceneManager`, `InputController`, `AssetLoader`, and `UIManager`. * Ensure the `render` loop handles window resizing gracefully. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Cozy Room Design is a delightful 3D decoration game that puts your interior design skills to the test. This engaging simulation game offers complete creative freedom to design and decorate your ideal living space. Whether you're passionate about interior design or simply enjoy creative games, this cozy room decorator provides endless hours of relaxing gameplay.

The game features an intuitive drag-and-drop interface that makes room design accessible to players of all ages. With its charming 3D graphics and extensive customization options, you can create everything from minimalist modern spaces to cozy traditional rooms filled with personality.

Core Features

Complete Design Freedom

Unlike restrictive decoration games, Cozy Room Design gives you total control over your space. Choose from a wide variety of furniture pieces, from comfortable sofas and stylish tables to functional storage solutions. Every item can be positioned exactly where you want it, rotated to the perfect angle, and customized to match your vision.

Extensive Customization Options

The game offers comprehensive decoration tools: - Furniture Selection : Beds, desks, chairs, storage units, and more - Wall Treatments : Multiple wallpaper patterns and color schemes - Flooring Options : Various carpet styles and floor materials - Window Designs : Different window types and treatments - Color Palette : Extensive color options for every element

Adorable Pet System

What makes this room designer truly special is the ability to add cute cats and dogs to your space. These virtual pets can be placed anywhere - on beds, desks, floors, or hidden in cozy corners. They bring life and warmth to your designed rooms, making them feel like real homes rather than empty spaces.

Easy-to-Use 3D Interface

The game's 3D perspective allows you to see your room from multiple angles, ensuring your design looks perfect from every viewpoint. The isometric view provides a clear overview of your space while maintaining the charm of detailed 3D graphics.

Game Mechanics

Drag and Drop Simplicity

The core gameplay revolves around an intuitive drag-and-drop system. Simply click on furniture or decoration items and drag them to your desired location. This user-friendly approach makes the game accessible to players who might be intimidated by complex design software.

Rotation and Positioning

Every item in your room can be rotated using the dedicated rotation button. This feature ensures that furniture fits perfectly in corners, against walls, or in the center of your room. The precise positioning system allows for pixel-perfect placement.

Color Customization

Most items in the game can be recolored to match your design vision. Whether you prefer bright, cheerful colors or muted, sophisticated tones, the extensive color palette ensures you can create the exact atmosphere you want.

Operation Guide

Basic Controls

  • Click/Tap : Select furniture and decoration items
  • Drag : Move items to desired locations
  • Rotate Button : Adjust item orientation
  • Delete Button : Remove unwanted items
  • Save Button : Preserve your design

Design Process

  1. Plan Your Space : Consider the room layout and functionality
  2. Choose a Color Scheme : Select coordinating colors for walls and furniture
  3. Place Major Furniture : Start with beds, sofas, and large pieces
  4. Add Details : Include smaller decorative items and accessories
  5. Position Pets : Place cute cats and dogs throughout the room
  6. Fine-tune : Rotate and adjust items for perfect positioning
  7. Save Your Creation : Use the save function to preserve your design

Why Play This Game

Stress-Free Creativity

Cozy Room Design offers a relaxing gaming experience without time pressure or competitive elements. It's perfect for unwinding after a long day while exercising your creative muscles.

Accessibility for All Ages

The game's simple controls and intuitive interface make it suitable for players of all ages and skill levels. Children can enjoy the colorful graphics and pet features, while adults can appreciate the sophisticated design options.

Endless Replayability

With numerous furniture options, color combinations, and layout possibilities, no two rooms need to look the same. The game encourages experimentation and multiple design iterations.

Perfect for Mobile and Desktop

The game is optimized for both mobile devices and desktop computers, allowing you to design rooms wherever you are. The touch-friendly interface works seamlessly on tablets and smartphones.

Social Sharing

Once you've created your perfect room, you can save and share your designs with friends and family. This feature adds a social element to the creative process and allows for inspiration sharing.

Frequently Asked Questions (FAQ)