City Builder - Mayor Simulation Game

Seele01-Flash
By
City Builder is an engaging 3D simulation game where you become the mayor of your own town. Start from an empty valley and build everything from scratch, gathering resources and constructing buildings to create a thriving settlement.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "City Builder - Arcade Idle Simulator". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Hyper-casual "Toy" aesthetic. Use a bright, saturated color palette. Shadows should be soft (Ambient Occlusion style). * **Player Character**: A glossy, solid blue humanoid (similar to a "stickman" or "bean" shape). Use `CapsuleGeometry` for the body and `SphereGeometry` for the head. Material should be `MeshStandardMaterial` with high `metalness` and moderate `roughness` to mimic the shiny plastic look in the reference image. * **Buildings**: Low-poly, toy-like structures. Beige walls with distinct orange roofs. Use simple shapes (`BoxGeometry`, `ConeGeometry`) combined. Add a subtle white outline effect or a "glow" shader when a building is interactable or under construction. * **Environment**: A flat, bright green valley (`PlaneGeometry`). Decorate with harvestable resources: * **Trees**: Brown trunks, low-poly green foliage (spheres or cones). * **Rocks**: Grey, angular low-poly stones. * **Wheat Fields**: Patches of yellow vertical planes or simple boxes. * **Mobile Optimization**: * Use `InstancedMesh` for repeated objects like trees, wheat, and grass blades to reduce draw calls. * Limit real-time shadows; use a single Directional Light and an Ambient Light. * Camera: Isometric view (OrthographicCamera) fixed at a high angle (e.g., 45 degrees), following the player smoothly. ### 2. Audio Requirements * **BGM**: A relaxing, acoustic guitar or marimba-based loop. It should be optimistic and repetitive but not annoying (typical "Sim/Tycoon" vibe). * **Sound Effects (SFX)**: * **Harvesting**: Satisfying "pop" or "chop" sounds when gathering resources. Pitch should vary slightly per hit to prevent monotony. * **Collection**: A high-pitched "ding" or "suck" sound when resources fly into the player's backpack. * **Building**: A rapid "construction" sound (hammering/sawing) followed by a celebratory fanfare when a building is completed. * **Footsteps**: Soft tapping sounds on grass/pavement. ### 3. Gameplay Loop * **Core Mechanic (Arcade Idle)**: The player controls the character directly. There is no mouse clicking for movement; the character moves where the joystick directs. * **Resource Gathering**: * **Proximity Trigger**: When the player stands next to a resource node (Tree/Rock), the character automatically starts playing a "chopping" animation. * **Inventory**: Resources (Wood/Stone) visually stack on the player's back or accumulate in a UI counter. There is a max capacity. * **Building & Expansion**: * The map has "Construction Zones" (transparent footprints of buildings). * When the player enters a zone, resources drain from their inventory into the zone. * Once the required count is met, the building pops into existence with a scaling animation. * **Automation**: Completed houses spawn NPC residents (smaller, different colored stickmen) who automatically wander to resources, harvest them, and deposit them into a central Town Hall storage. ### 4. Mobile Controls & Interaction * **Movement**: **Dynamic Virtual Joystick**. The joystick should appear wherever the player first touches the screen (left or right side) and control the character's movement relative to the camera. * **Orientation**: Landscape mode (responsive to screen resize). * **Interaction Design**: * **No Buttons for Action**: All actions (harvest, build, deposit) must be **proximity-based** (Collision Detection). The player simply runs into the object to interact. * **UI Layout**: * Top Left: Resource counters (Wood icon, Stone icon) with large, readable text. * Bottom Right: A "Upgrade/Shop" button (if needed later), kept within the "safe zone" for thumb reach. * **Feedback**: * **Haptic Feedback**: Trigger `navigator.vibrate(50)` when a resource is collected or a building finishes. * **Visual Feedback**: Floating text (+1 Wood) rising from the player when gathering. A progress bar ring above the player's head when performing an action. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

City Builder is a captivating 3D simulation game that puts you in the role of a town mayor with unlimited potential. Starting with nothing but an empty valley, you'll build an entire settlement from the ground up using your creativity and strategic planning skills. This top-down perspective building game combines resource management with construction mechanics to deliver an immersive city-building experience.

The game features beautiful 3D graphics with a charming, colorful art style that makes every building and landscape element visually appealing. As mayor, you'll make all the important decisions about your town's development, from choosing building locations to managing resource allocation.

Core Features

Complete Town Development System

Start with raw land and transform it into a bustling community. Every building, road, and decoration is placed by your hands, giving you complete control over your town's layout and design.

Resource Management Gameplay

Gather essential materials including: - Wood : Harvested from forests for construction projects - Stone : Mined from quarries for sturdy buildings - Wheat : Grown on farms to feed your growing population

Community Cooperation

Your town residents aren't just decorations - they actively help you gather resources and contribute to the town's growth. Assign workers to different tasks and watch your settlement flourish through teamwork.

Progressive Building System

Unlock new building types and expand your construction options as your town grows. From simple houses to complex municipal buildings, each structure serves a purpose in your growing community.

Free Browser Gaming

Enjoy the complete city-building experience without downloads or payments. The game runs smoothly on both desktop computers and mobile devices through any modern web browser.

Game Mechanics

Starting Your Settlement

Begin by selecting the perfect valley location for your new town. Survey the landscape and choose areas with good access to natural resources like forests, stone deposits, and fertile farmland.

Construction Process

Building involves multiple steps: 1. Planning : Choose optimal locations for different building types 2. Resource Gathering : Collect necessary materials through your workers 3. Construction : Place and build structures using gathered resources 4. Population Growth : Attract new residents to expand your workforce

Resource Collection Strategy

Efficient resource management is key to success. Balance your workforce between different gathering activities - too much focus on one resource type will create bottlenecks in your development.

Operation Guide

Movement Controls

  • WASD Keys : Navigate around your town using standard movement keys
  • Arrow Keys : Alternative movement option for comfortable navigation
  • Mouse Drag : Click and drag to move the camera smoothly across your settlement

Building and Interaction

  • Left-Click : Interact with all in-game buttons and menus
  • Left-Click : Select building locations and confirm construction
  • Interface Navigation : Use mouse to access building menus and resource panels

The intuitive control system makes it easy for players of all skill levels to start building immediately. The game's interface is designed for both precision building and quick navigation across large settlements.

Why Play This Game

Perfect for Casual Gaming

City Builder offers relaxing, stress-free gameplay that's perfect for unwinding. There's no time pressure or combat - just peaceful building and steady progress at your own pace.

Creative Freedom

Every town is unique because you design it. Experiment with different layouts, architectural styles, and urban planning concepts to create your ideal settlement.

Accessible Anywhere

Since it's browser-based, you can continue building your town from any device. Start on your computer at home, then check progress on your phone during breaks.

Engaging Progression

Watch your small settlement grow into a thriving town. The satisfaction of seeing residents move into houses you built and businesses you established creates a rewarding sense of accomplishment.

No Barriers to Entry

Completely free to play with no hidden costs, registration requirements, or download hassles. Simply open your browser and start building your dream town immediately.

Frequently Asked Questions (FAQ)