Idle Tree City - Build Your Green Metropolis

Seele01-Flash
By
Idle Tree City is a charming simulation game where you help adorable trees build a thriving wooden metropolis. Plant trees, earn cash, purchase upgrades, and create the greenest city ever seen!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Idle Tree City". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Cheerful Low-Poly Cartoon style. Use flat shading or Toon Shading (MeshToonMaterial) with a vibrant, saturated color palette (Kelly Green, Wood Brown, Sunny Yellow, Sky Blue). * **Camera Perspective:** Fixed Isometric view (OrthographicCamera) optimized for mobile portrait mode (9:16 aspect ratio), giving a "god view" of the city grid. * **Characters (Tree Workers):** Anthropomorphic tree logs. * *Body:* A simple brown cylinder (CylinderGeometry). * *Face:* Two large white eyes and a smiling mouth (can be simple child meshes or textures). * *Limbs:* Simple brown capsules or tubes acting as arms and legs. * *Accessories:* Some characters should hold blueprints or pencils (represented by small boxes/cylinders). * **Environment:** * A grid-based tile system (plane geometries). * **Empty Tile:** Light green grass. * **Building Tile:** Wooden cabins, sawmills, or treehouses that grow in size/complexity as they upgrade. * **Decor:** Low-poly rocks, tufts of grass, and simple white clouds floating in the background. * **Performance:** Use `InstancedMesh` for repeated elements (like grass tufts or floor tiles) to maintain 60FPS on mobile devices. Keep polygon count low. ### 2. Audio Requirements * **BGM:** A lighthearted, upbeat "sim-tycoon" track. Features acoustic guitar, marimba, or pizzicato strings. Tempo should be moderate (100-110 BPM) to encourage productivity without inducing stress. * **Sound Effects (SFX):** * **Interaction:** A satisfying "Pop" or wooden "Clack" sound when tapping tiles. * **Construction:** A fast, cartoonish hammering or sawing sound when a building is upgrading. * **Economy:** A high-pitched "Cha-ching" or coin sparkle sound when collecting revenue. * **Ui:** Soft "Click" for menu navigation. ### 3. Gameplay Loop * **Core Mechanics:** 1. **Planting:** The game starts with a grid of empty land. The player taps a tile to spend a small amount of initial cash to "Plant" a Tree Worker. 2. **Production:** The Tree Worker automatically produces "Wood" (resource) over time. 3. **Building:** The player spends Wood to convert the tree into a "Wood House" or "Workshop." 4. **Revenue:** Completed buildings generate "Coins" (Cash) automatically every few seconds. * **Progression/Upgrades:** * **Click to Speed Up:** Tapping on a working Tree Worker temporarily speeds up their animation and production rate. * **Global Upgrades:** A UI menu allows spending Coins to upgrade "Tree Growth Speed," "Wood Value," or "City Expansion" (unlocking more grid tiles). * **Goal:** Fill the entire grid with high-level wooden structures and achieve the highest "City Greenery" score. ### 4. Mobile Controls & Interaction * **Touch Input:** * Implement a **Raycaster** that detects touch events on the grid tiles. * **Single Tap:** Selects a tile to interact (Plant/Upgrade/Collect). * **Swipe/Drag:** Moves the camera smoothly across the map (Pan controls). * **Pinch:** Zoom in/out (clamp the zoom levels so the user doesn't get lost). * **UI Layout (Mobile Optimized):** * **Top Bar:** Displays current Resources (Wood Icon + Count, Coin Icon + Count). Use large, bold fonts clearly visible on small screens. * **Bottom Sheet/Dock:** Large buttons (minimum 44x44px touch area) for primary actions like "Buy Upgrade" or "Plant New Tree." * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(50)` on successful taps/purchases. * **Visual Feedback:** When money is earned, instantiate floating text ("+$50") that drifts upwards from the building and fades out. When a building is completed, trigger a small particle explosion (leaves/confetti). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Idle Tree City is an engaging idle management simulation that combines city-building with environmental themes. In this delightful game, you'll work alongside cute, animated trees to construct a beautiful wooden city from the ground up. The game features charming cartoon-style graphics with friendly tree characters that bring personality to your urban planning adventure.

This free-to-play browser game offers a relaxing yet engaging experience perfect for players who enjoy incremental progression and strategic resource management. Whether you're a casual gamer looking for a peaceful distraction or a simulation enthusiast seeking your next favorite city-builder, Idle Tree City delivers hours of satisfying gameplay.

Core Features

Adorable Tree Characters

Meet your new workforce - cute, animated trees with distinct personalities and abilities. These charming characters are the heart of your city, each contributing to the growth and development of your wooden metropolis.

Incremental City Building

Start with a single tree and gradually expand into a bustling wooden city. The idle mechanics mean your city continues to grow and generate resources even when you're away, making progress feel constant and rewarding.

Resource Management System

  • Earn Cash : Generate income through your tree workers and city operations
  • Strategic Upgrades : Invest in improvements to boost production efficiency
  • Faster Production : Unlock upgrades that accelerate tree growth and construction
  • Expansion Options : Continuously unlock new areas and building types

Eco-Friendly Theme

Embrace sustainable city planning as you create an environmentally conscious metropolis. Every building is made from renewable wood resources, promoting a green lifestyle through engaging gameplay.

Game Gameplay

The core gameplay revolves around strategic clicking and resource optimization:

  1. Plant Trees : Click on empty tiles to plant new trees and expand your workforce
  2. Manage Workers : Interact with tree characters to assign tasks and optimize productivity
  3. Build Structures : Construct various wooden buildings to enhance your city
  4. Upgrade Systems : Invest earned cash into improvements that boost efficiency
  5. Expand Territory : Unlock new areas to continue growing your green metropolis

The idle mechanics ensure that your city generates resources continuously, allowing for both active play sessions and passive progression.

Operation Guide

Controls are intuitive and accessible: - Mouse Click or Tap : Primary interaction method for all game elements - Click Empty Tiles : Plant new trees to expand your workforce - Click Objects : Interact with buildings, workers, and upgrades - Click Workers : Assign tasks and check on tree character progress - Menu Navigation : Use mouse to access upgrades, statistics, and settings

The user interface is designed for easy navigation, with clear visual indicators for interactive elements and upgrade opportunities.

Why Play This Game

Perfect for Relaxation : The peaceful, eco-friendly theme and gentle progression make this ideal for stress relief and casual gaming sessions.

Engaging Idle Mechanics : Enjoy continuous progress whether actively playing or taking breaks, with satisfying incremental growth systems.

Charming Visual Style : The cartoon art style and cute tree characters create a warm, inviting gaming atmosphere that appeals to players of all ages.

Strategic Depth : Despite its casual appearance, the game offers meaningful decisions about resource allocation, upgrade priorities, and city expansion strategies.

Completely Free : No payment required to access the full game experience, with all features available through gameplay progression.

Cross-Platform Compatibility : Play seamlessly across desktop and mobile devices through your web browser, with progress saved automatically.

Frequently Asked Questions (FAQ)