Block City Clicker

Seele01-Flash
By
Block City Clicker is an addictive incremental city-building game where every click brings you closer to creating the ultimate metropolis. Build houses, smelters, and mills while watching your city grow from a small settlement to a thriving urban paradise.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Block City Clicker". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Isometric 3D "Voxel-lite" aesthetic. Use simple geometric shapes (BoxGeometry, CylinderGeometry) to mimic the low-poly style shown in the reference. The color palette should be vibrant and pastel: bright greens for grass, sandy beige for deserts, and clean whites/blues/reds for buildings. * **Camera Setup**: Use an `OrthographicCamera` to achieve the perfect isometric look (angle: approx 45 degrees downward). The background should be a solid pleasing gradient (e.g., Purple to Blue) or a soft skybox, not black. * **Grid System**: A dynamic tile grid (e.g., 5x5 starting size). Each tile is a 3D block with a distinct top texture (grass, sand) and darker side walls to simulate depth. * **Assets**: * **Environment**: Low-poly trees (cones), rocks (small icospheres), and cacti. * **Buildings**: * *House*: White cube with a red triangular prism roof. * *Mill*: Cylinder body with a rotating fan blade (animation required). * *Smelter*: Grey block with a small particle emitter (smoke) on top. * **Performance**: Use `InstancedMesh` for repeated tiles and trees to reduce draw calls on mobile devices. Use simple `MeshLambertMaterial` or `MeshToonMaterial` for lighting efficiency. ### 2. Audio Requirements * **BGM**: A cheerful, looping acoustic track featuring light percussion and marimba/piano. It should be relaxing, typical of "Tycoon" or "Idle" games. * **Sound Effects**: * *Tap/Click*: A satisfying, high-pitched "pop" or "wood block" sound. * *Build*: A construction noise followed by a magical chime. * *Income Collection*: A "coin jingle" sound when resources are gathered. * *UI*: Soft clicks for menu navigation. ### 3. Gameplay Loop * **Core Mechanic**: The game is an Incremental/Clicker hybrid. * **Active**: Players tap on specific "Resource Tiles" (e.g., a forest tile) to manually gather resources (Wood, Stone). * **Passive**: Players spend resources to build structures on empty grid slots. * **Building Logic**: * *House*: Increases Population (unlocks other buildings). * *Mill*: Automatically generates Money over time. * *Smelter*: Automatically generates Stone/Metal over time. * **Progression**: Building costs increase exponentially (Cost = BaseCost * 1.15^Count). * **Visual Feedback**: When a building generates resources, a floating text (e.g., "+$10") should rise from the building and fade out. ### 4. Mobile Controls & Interaction * **Orientation**: Portrait Mode (Vertical) preferred for one-handed play. * **Camera Controls**: * *One-finger drag*: Pan the camera across the city grid. * *Two-finger pinch*: Zoom in/out (adjusting Orthographic zoom). * *Tap*: Detect clicks using `Three.Raycaster`. Tapping a tile interacts with it. * **UI Layout**: * **Top HUD**: Display current resources (Money, Wood, Stone) with large, readable fonts. * **Bottom Menu**: A scrollable horizontal bar containing buildable items. Buttons must be at least 44x44 pixels (thumb-friendly). * **Haptic & Visual Feedback**: * On tap, the target mesh should briefly scale down (0.9x) and bounce back (Elastic easing) to simulate a physical button press. * Trigger `navigator.vibrate(10)` (if supported) on successful resource collection. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Block City Clicker is a captivating incremental city-building game that combines the satisfaction of clicker mechanics with strategic urban planning. Starting with just a few empty blocks, you'll click your way to prosperity, collecting resources and constructing various buildings to create a bustling metropolis. The charming 2D block art style brings your city to life with colorful, isometric visuals that make every structure feel meaningful.

This free browser-based game offers endless progression possibilities, where each click matters and every building serves a purpose in your growing urban empire.

Core Features

Engaging Click-to-Build Mechanics

The heart of Block City Clicker lies in its simple yet addictive gameplay loop. Every click generates resources that fuel your city's expansion. Watch as your accumulated clicks transform into tangible progress, creating a deeply satisfying sense of achievement with each new building erected.

Diverse Building System

Construct a variety of essential urban structures: - Residential Houses : Provide housing for your growing population - Industrial Smelters : Process raw materials into valuable resources - Production Mills : Generate ongoing income and materials - Specialized Facilities : Unlock advanced buildings as your city develops

Each building type serves a unique purpose in your city's ecosystem, creating strategic depth beyond simple clicking.

Progressive City Development

Your city evolves organically as you play. What begins as a modest settlement with a few scattered buildings gradually transforms into a sprawling urban landscape. The visual progression is immediately apparent, with your city becoming more complex and beautiful over time.

Task-Based Progression System

Complete various objectives and challenges to unlock new opportunities. These tasks provide clear goals and direction, ensuring there's always something exciting to work toward. Successfully completing tasks rewards you with new building options, enhanced efficiency, and expanded city limits.

Idle Gameplay Elements

Even when you're not actively clicking, your city continues to generate resources through your constructed buildings. This idle mechanic ensures steady progress and makes returning to the game consistently rewarding.

Gameplay Mechanics

Block City Clicker operates on a resource-collection system where clicking generates the materials needed for construction. As you build more structures, your resource generation becomes more efficient, allowing for larger and more ambitious projects. The game balances active engagement with passive progression, making it suitable for both intensive play sessions and casual check-ins.

The strategic element comes from deciding which buildings to prioritize. Different structures offer various benefits - some provide immediate resource boosts, while others offer long-term passive income. Smart players will balance their construction choices to maximize both immediate gains and future potential.

Operation Guide

Getting started in Block City Clicker is incredibly straightforward:

  • Left Mouse Button : This is your primary tool for everything in the game. Click to collect resources, select buildings from the menu, and place structures on your city grid
  • Building Selection : Use the mouse to navigate the building menu and choose which structures to construct
  • City Management : Click on existing buildings to view their status, upgrade options, and production rates

The intuitive interface means you can start building immediately without complex tutorials or learning curves. The game's design philosophy emphasizes accessibility while maintaining depth for dedicated players.

Why Play Block City Clicker

Block City Clicker offers the perfect blend of immediate satisfaction and long-term progression. The game appeals to players who enjoy:

  • Incremental Progress : Watch your efforts accumulate into something substantial over time
  • Creative Expression : Design and layout your city according to your vision
  • Stress-Free Gaming : Relaxing gameplay with no pressure or time limits
  • Goal-Oriented Challenges : Clear objectives provide direction and motivation
  • Visual Satisfaction : Charming block graphics make every addition to your city visually rewarding

Whether you're looking for a quick gaming break or a long-term project to develop, Block City Clicker provides engaging entertainment that adapts to your preferred play style. The game's free-to-play nature and browser compatibility make it accessible to everyone, requiring no downloads or installations.

Frequently Asked Questions (FAQ)