Teeny Tiny Town - Build Your Dream City

Seele01-Flash
By
Teeny Tiny Town is an enchanting merge puzzle game where you build bustling cities from scratch. Combine items like bushes, trees, and buildings to create your perfect urban landscape.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Teeny Tiny Town**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Create a cozy, minimalist Isometric 3D aesthetic. Use **OrthographicCamera** to achieve a perfect grid view. The art style should be low-poly but smooth (smooth shading), using a soft pastel color palette inspired by the screenshot (Teal buildings, warm orange lights, sunset background). * **Grid System**: Generate a 6x6 tile grid board floating in the center of the screen. The tiles should have a subtle texture or bevel to distinguish them. * **Merge Items (Procedural Generation)**: * **Level 1 (Bush)**: A simple green sphere cluster. * **Level 2 (Tree)**: A green cone or cylinder with a brown trunk. * **Level 3 (Small House)**: A small white cube with a red prism roof. * **Level 4 (Building)**: A taller teal block with glowing orange window textures (as seen in the screenshot). * **Level 5+**: Larger, more complex skyscrapers. * **Lighting & Atmosphere**: Use a warm HemisphericLight (skyColor: soft orange, groundColor: beige) combined with a DirectionalLight casting soft shadows to emphasize depth. Background should be a CSS radial gradient (orange to dark purple) representing a sunset. * **Performance**: Use InstancedMesh for the grid tiles to optimize mobile performance. Keep geometry simple (low polygon count) for smooth rendering on mobile browsers. ### 2. Audio Requirements * **BGM**: A relaxing, lo-fi, acoustic guitar or soft piano track that loops seamlessly. It should evoke a feeling of "building" and "growth" without being distracting. * **SFX**: * **Placement**: A satisfying, organic "pop" or "wood block" sound when an item is placed on the grid. * **Merge**: A magical, rising "chime" or "harp glissando" when 3+ items combine. * **Unlock**: A triumphant fanfare snippet when a new building tier is discovered. * **UI Click**: Soft "tick" sounds. ### 3. Gameplay Loop * **Core Mechanic**: The player has a "Next Item" preview (usually a Level 1 Bush or Level 2 Tree). They must tap an empty grid tile to place it. * **Merge Logic**: When **3 or more** items of the same level are adjacent (horizontally or vertically, not diagonally), they must automatically merge into a single item of the **next level** at the position of the *last placed item*. * **Combo System**: If a merge results in a new cluster of 3+ items, a chain reaction (Combo) should trigger, awarding bonus points. * **Economy**: Merging earns Gold Coins. * **Power-ups**: * *Bulldozer*: Allows the player to remove any single item from the board (costs Coins). * *Swap*: Allows the player to swap the positions of two items (costs Coins). * **Win/Loss Condition**: The game continues endlessly until the board is completely full and no moves are possible (Game Over state). ### 4. Mobile Controls & Interaction * **Touch Input**: Use a **Raycaster** mapped to `touchstart` (mobile) and `click` (desktop) events. The raycaster must precisely detect which grid tile represents the touch point. * **Orientation**: Force or optimize for **Portrait Mode** layout. The grid sits in the center, "Next Item" preview at the bottom center, and UI stats (Score/High Score) at the top. * **UI/UX**: * All buttons (Power-ups, Settings) must have a minimum touch target size of 44x44 pixels. * **Placement Feedback**: When a user touches a valid tile, play a small "squash and stretch" animation on the item being placed using a library like GSAP or TWEEN.js. * **Merge Feedback**: When items merge, animate the source items moving toward the merge target position before disappearing, providing visual clarity on small screens. * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on successful placement and `navigator.vibrate([50, 30, 50])` on a successful merge (if supported). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Teeny Tiny Town

Teeny Tiny Town is a captivating merge puzzle game that combines city building with strategic matching gameplay. This charming game invites players to construct their own thriving metropolis by merging simple items into complex urban structures. With its beautiful isometric graphics and intuitive gameplay mechanics, it offers endless hours of creative city planning entertainment.

Core Features

Progressive City Building

Start your urban adventure with humble beginnings - just three simple bushes. Through strategic merging, watch as your basic vegetation transforms into magnificent trees, cozy houses, impressive buildings, and spectacular architectural marvels. Each merge brings you closer to creating the city of your dreams.

Strategic Merge Mechanics

The game follows classic merge puzzle rules with a city-building twist. Combine three or more identical adjacent items to create more valuable structures. Plan your merges carefully to maximize space efficiency and unlock the most prestigious buildings for your growing town.

Powerful City Planning Tools

Utilize special power-ups to customize your city layout: - Swipe Tool : Rearrange items to create better merging opportunities - Bulldozer : Clear unwanted structures to make space for new developments - Additional power-ups to enhance your city planning strategy

Multiple Maps and Endless Exploration

Discover various maps, each offering unique challenges and opportunities. Experiment with different city layouts and building strategies across diverse terrains. Every map presents new possibilities for urban development and strategic gameplay.

Rewarding Progress System

Earn coins and points as your city flourishes. The more valuable structures you create, the greater your rewards. Track your progress and compete to build the most profitable and impressive cities.

How to Play

Basic Gameplay

  1. Placement : Click on any empty tile to place an item
  2. Merging : Combine three or more identical adjacent items
  3. Upgrading : Watch as merged items transform into more valuable structures
  4. Planning : Strategically position items for optimal merging opportunities

Advanced Strategies

  • Plan your city layout before placing items
  • Save special power-ups for critical moments
  • Focus on creating chains of merges for maximum efficiency
  • Explore different maps to discover new building possibilities
  • Balance between immediate gains and long-term city development

Why Play Teeny Tiny Town

Perfect for All Players

Whether you're a casual gamer looking for relaxing entertainment or a strategy enthusiast seeking challenging puzzles, Teeny Tiny Town offers the perfect balance. The game's simple mechanics make it accessible to beginners, while the strategic depth keeps experienced players engaged.

Free and Accessible

Enjoy complete gameplay without any cost. The game is entirely free to play with no hidden fees or mandatory purchases. Simply open your browser and start building your dream city immediately.

Cross-Platform Compatibility

Play seamlessly across all your devices. Whether you prefer gaming on your computer, smartphone, or tablet, Teeny Tiny Town adapts perfectly to any screen size and input method.

Relaxing Yet Engaging

The game provides a peaceful, meditative experience while still offering meaningful challenges. Build at your own pace, experiment with different strategies, and enjoy watching your tiny town grow into a magnificent city.

Frequently Asked Questions (FAQ)