City Idle - Civilization Building Simulation Game

Seele01-Flash
By
City Idle is a comprehensive civilization building simulation where you transform empty land into a thriving city. Start with basic shelters and gradually develop advanced technologies while managing your citizens' needs and city layout efficiency.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "City Idle". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Use a **Low-Poly Voxel** or **Toon-shaded 3D style** that mimics the vibrant, saturated look of the original 2D pixel art. Use an **Orthographic Camera** angled at 45 degrees (isometric view) to replicate the classic top-down simulation feel. * **Color Palette**: High saturation. Bright emerald green for grass, deep azure for water, warm browns and terracottas for buildings/roofs. * **Terrain Generation**: A tile-based grid system. The map should feature procedural generation of coastline (water), grass plains, and dense forests (resource nodes). Water tiles should have a simple shader effect with white foam edges near land. * **Models**: * **Buildings**: Modular low-poly structures. Start with a simple "Firepit" (particle effect needed), upgrading to "Huts" (wood texture), "Farms" (with visible crops like berries/wheat), and "Stone Houses". * **Citizens**: Simple capsule or blocky characters with distinct colors representing their jobs (e.g., Green for farmers, Brown for builders). * **Vegetation**: Pine trees and rocks. Use `THREE.InstancedMesh` for rendering trees and path tiles to ensure high performance on mobile devices. * **UI Overlay**: A clean, floating UI. Resource counters (Food, Wood, Stone, Population) anchored to the top. A distinct "Build Menu" at the bottom. ### 2. Audio Requirements * **BGM (Background Music)**: A relaxing, looping track featuring acoustic guitar, lute, or light flute melodies. The tempo should be slow to moderate, evoking a peaceful medieval village atmosphere. * **Sound Effects (SFX)**: * **UI**: A satisfying "pop" or wooden "clack" sound when tapping menus or placing buildings. * **Environment**: Subtle ambient loops of flowing water and birds chirping. * **Actions**: Rhythmic "chopping" sounds when citizens gather wood, a "hammering" sound during construction, and a soft "crunch" for footsteps. * **Feedback**: A cheerful chime when a technology research is completed or a building is finished. ### 3. Gameplay Loop * **Core Mechanic**: An idle/management simulation loop. 1. **Start**: The player places a **Firepit** (Town Center). This spawns the first few citizens. 2. **Gather**: Assign citizens to harvest nearby Trees (Wood) and Berry Bushes (Food). 3. **Build**: Use resources to build **Huts** (increases population cap) and **Farms** (sustainable food). 4. **Simulate**: Citizens have simple state machines: *Idle -> Find Work -> Move to Resource -> Work -> Return Resources -> Rest*. * **Grid Logic**: Buildings must snap to the grid. Paths (roads) increase walking speed of citizens. * **Progression**: Unlock new building types (Stone Quarries, Storage, Research Labs) based on population count. * **Challenge**: Balance population growth with food consumption. If food hits 0, citizens stop working or leave. ### 4. Mobile Controls & Interaction * **Camera Controls**: * **One-finger Drag**: Pan the camera across the map (X and Z axis). * **Two-finger Pinch**: Zoom the Orthographic camera in and out. * **Interaction (Raycaster)**: * **Tap Entity**: Tap a building or citizen to see a small popup info card (Status/Level). * **Tap Terrain**: When in "Build Mode", tapping a grid cell places the selected ghost building. * **UI Layout (Landscape Orientation)**: * **Bottom Build Bar**: A horizontal scrollable list of building icons. Tapping an icon enters "Build Mode" showing a transparent ghost model following the center of the screen or the last touched position. * **Confirmation**: When placing a building, show two large buttons near the ghost model: "Green Check" (Confirm) and "Red X" (Cancel) to prevent accidental placement. * **Haptic Feedback**: Trigger a light vibration (using `navigator.vibrate`) when a building is successfully placed or a button is clicked. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About City Idle

City Idle is an engaging top-down city building and civilization simulation game that challenges players to create a thriving society from nothing. This free browser-based game combines strategic planning, resource management, and technological advancement to deliver a thought-provoking city building experience.

The game features fully simulated citizens with individual needs and behaviors, making every decision meaningful as you guide your civilization's growth from primitive beginnings to an advanced society.

Core Features

Comprehensive Civilization Building

  • Start from scratch : Begin with just empty land and build your first firepit to attract citizens
  • Progressive development : Advance from basic huts to complex buildings and infrastructure
  • Technology research : Unlock new buildings, improvements, and capabilities through strategic research
  • Citizen simulation : Each citizen has individual needs, behaviors, and contributions to your city

Strategic City Management

  • Layout optimization : Design efficient city layouts to maximize productivity and citizen happiness
  • Resource management : Balance food production, housing, and various city services
  • Challenging gameplay : Experience meaningful decision-making with real consequences for poor planning
  • Long-term progression : Develop your civilization through multiple technological eras

Accessible Gaming Experience

  • Free to play : Complete game experience available at no cost
  • Browser-based : No downloads required - play instantly in your web browser
  • Cross-platform : Available on both web browsers and Steam
  • Intuitive controls : Simple mouse-based interface suitable for all skill levels

Gameplay Mechanics

Building Your Civilization

Start your journey by constructing a firepit, which serves as the foundation for attracting your first citizens. As more people join your settlement, you'll need to build huts for shelter and gradually expand your infrastructure.

The game emphasizes realistic city planning - you must consider citizen needs, resource availability, and efficient layouts to create a successful civilization.

Technology and Research

Progress through different technological ages by investing in research. New technologies unlock advanced buildings, improved efficiency, and expanded capabilities for your growing city.

Citizen Management

Unlike simple city builders, City Idle features fully simulated citizens who have individual behaviors and needs. Monitor their happiness, productivity, and living conditions to maintain a stable and growing population.

Operation Guide

Basic Controls

  • Left mouse button : Select and place buildings, interact with game elements
  • Right mouse drag or WASD : Move the camera to explore different areas of your city
  • Mouse wheel : Zoom in and out to get different perspectives of your civilization

Getting Started

  1. Build your first firepit to establish the foundation of your settlement
  2. Construct basic huts to house your initial citizens
  3. Plan your layout efficiently to accommodate future expansion
  4. Research technologies to unlock new building types and improvements
  5. Monitor citizen needs and adjust your city accordingly
  6. Expand strategically as your population and resources grow

Why Play City Idle

City Idle offers a perfect blend of relaxing city building and strategic challenge. The game's emphasis on realistic citizen simulation and meaningful decision-making sets it apart from typical idle games. Whether you enjoy planning efficient layouts, managing complex systems, or watching your civilization grow over time, City Idle provides a rewarding and engaging experience.

The free-to-play model means you can dive into this comprehensive city building experience without any financial commitment, while the browser-based platform ensures you can play anywhere, anytime.

Frequently Asked Questions (FAQ)