Steam City - Victorian City Building Game

Seele01-Flash
By
Steam City is an immersive Victorian-era city building game where you serve as mayor, designing a unique steampunk metropolis filled with beautiful buildings, advanced infrastructure, and thriving citizens.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Steam City**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a specialized **Steampunk / Victorian Industrial** aesthetic. Use a warm color palette dominated by copper, brass, red brick, and lush green (for trees). The rendering should use `THREE.ToonShader` or standard materials with a slight cartoonish, high-saturation look to pop on small mobile screens. * **Camera & Perspective:** Implement a fixed **Isometric Camera** view (OrthographicCamera preferred for grid alignment). * **Models & Geometry:** * **Buildings:** Victorian-style brick houses, factories with tall smokestacks, and brass pipes. Use **InstancedMesh** for repetitive elements (like trees, fence posts, and road tiles) to reduce draw calls and optimize mobile performance. * **Terrain:** A tile-based grid system. The ground texture should vary between grassy tiles, dirt paths, and cobblestone road tiles. * **Particles:** Simple, low-poly particle systems for white smoke puffing rhythmically from factory chimneys. * **Lighting:** directional light simulating a warm afternoon sun, casting soft shadows (configured with appropriate shadow map size for mobile). ### 2. Audio Requirements * **BGM (Background Music):** A looped track featuring a light, cheerful **Orchestral Steampunk** vibe. Key instruments: rhythmic ticking clocks, acoustic guitar, light brass (tuba/trumpet), and pizzicato strings. * **Sound Effects (SFX):** * **UI Click:** A satisfying metallic "clink" or gear-turning sound. * **Construction:** A rapid hammering or steam-release "hiss" when a building is placed. * **Collection:** A coin-jingling sound when collecting taxes. * **Ambience:** Faint industrial hum and wind blowing through trees. ### 3. Gameplay Loop * **Core Mechanic:** A grid-based city builder. The player must balance three main variables: **Population, Resources (Sand/Materials), and Gold.** * **Building Logic:** * **Residential:** Build houses to increase Population (requires Road access). * **Industrial:** Build Factories (requires Sand) to produce Construction Materials over time. * **Infrastructure:** Build Roads to connect buildings. * **Economy Cycle:** 1. Tap "Quarry" to gather Sand. 2. Wait for Factories to process Sand into Materials. 3. Spend Materials & Gold to drag-and-drop new Buildings onto the grid. 4. Periodically tap Residential buildings to collect Tax (Gold). * **Logic Constraints:** Buildings cannot overlap. Buildings must face a road to function. ### 4. Mobile Controls & Interaction * **Touch Input & Navigation:** * **Panning:** One-finger drag to move the camera across the map. * **Zoom:** Two-finger pinch to zoom in/out. * **Selection:** Single tap to select a building (to see details or upgrade) or collect resources. * **Build System (Drag & Drop):** Implement a UI tray at the bottom of the screen. The player drags an icon from the UI onto the 3D scene. Use a `Raycaster` to snap the ghost model to the grid. * **Visual Feedback:** The ghost model turns Green if placement is valid, Red if invalid (collision or no resources). * **UI Layout:** * **Orientation:** Landscape mode. * **HUD:** Resource counters (Gold, Pop, Mats) anchored to the Top-Left. Settings/Menu anchored Top-Right. * **Build Menu:** A scrollable horizontal bar at the bottom center. Button touch targets must be at least **44x44 pixels** for accessibility. * **Haptic Feedback:** Trigger a short vibration (`navigator.vibrate`) when a building is successfully placed or resources are collected. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Steam City

Steam City is a captivating casual building simulation that transports players into a world where Victorian elegance meets futuristic steam technology. As the newly appointed mayor of this unique city, you'll create a thriving metropolis that perfectly balances historical charm with innovative engineering. The game combines strategic city planning with resource management, offering players an engaging experience that appeals to both casual gamers and city-building enthusiasts.

Core Features

Victorian Steampunk Setting

Steam City offers a distinctive aesthetic that blends Victorian architecture with steampunk innovation. The game's beautiful art style showcases ornate buildings, steam-powered machinery, and atmospheric industrial landscapes that create an immersive gaming experience.

Comprehensive City Management

As mayor, you'll oversee every aspect of city development: - Strategic Building Placement : Design your city layout with careful consideration for roads, residential areas, and industrial zones - Resource Management : Extract natural materials like sand, operate quarries, and manage production chains - Population Growth : Build diverse housing options from modest homes to grand residences - Economic Development : Collect taxes, manage city finances, and expand your territory

Social Interaction Features

The game includes robust multiplayer elements where you can create unions with fellow mayors, exchange resources, and collaborate on city development projects. This community aspect adds depth and longevity to the gameplay experience.

Progressive Gameplay System

Complete journal tasks to unlock new buildings, advance your mayoral status, and access more sophisticated city development options. The progression system ensures continuous engagement and growth opportunities.

Gameplay Mechanics

Getting Started

Your journey begins with guidance from Agatha, your helpful assistant, who introduces you to essential city planning concepts. You'll meet key characters like Ida, a talented engineer who helps identify immediate construction needs and provides valuable insights for city development.

Building and Construction

The construction system is intuitive yet strategic: 1. Select Buildings : Choose from various residential, commercial, and industrial structures 2. Strategic Placement : Drag buildings onto the map while ensuring proper road access 3. Resource Planning : Balance material needs with available resources 4. Infrastructure Development : Connect all buildings with roads and essential services

Resource Management

Effective resource management is crucial for city growth: - Natural Resource Extraction : Begin with basic materials like sand for construction - Industrial Production : Transform raw materials into building supplies in factories - Advanced Operations : Activate quarries using steam excavators when initial resources are depleted - Economic Decisions : Choose between using resources locally or exporting for profit

Operation Guide

Mouse Controls

Steam City uses simple mouse-based controls: - Left Mouse Button : Interact with all in-game buttons, objects, and interface elements - Drag and Drop : Move buildings and objects around the city map - Point and Click : Navigate menus, select options, and manage city functions

Platform Compatibility

The game is accessible across multiple platforms: - Web Browser : Play directly online without downloads - Mobile Devices : Available for iOS and Android through app stores - Cross-Platform : Seamless experience across all supported devices

Why Play Steam City

Perfect for All Players

Steam City appeals to a wide range of players: - Casual Gamers : Easy-to-learn mechanics with engaging progression - Strategy Enthusiasts : Deep resource management and city planning challenges - Creative Players : Freedom to design unique city layouts and architectural styles - Social Gamers : Multiplayer features for community interaction and collaboration

Educational Value

The game teaches valuable skills including: - Strategic planning and resource allocation - Problem-solving through city development challenges - Economic management through taxation and trade systems - Social cooperation through union participation

Free-to-Play Accessibility

Steam City offers a complete gaming experience without mandatory purchases, making it accessible to players regardless of budget constraints while still providing premium enhancement options for those who choose them.

Long-Term Engagement

With its combination of individual city building, social interaction, and continuous content updates, Steam City provides lasting entertainment value that grows with your skill level and creativity.

Frequently Asked Questions (FAQ)