City Smasher

Seele01-Flash
By
City Smasher is a chaotic action game where you control a powerful stick figure on a mission to destroy everything in sight. Smash buildings, knock airplanes from the sky, and cause maximum mayhem in this entertaining destruction simulator.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**City Smasher 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A **2.5D Low-Poly / Voxel Art style**. The game should be viewed from a side-scrolling perspective (Orthographic Camera) to mimic the original Flash game but with 3D depth. * **Player Character:** A giant, reddish-brown humanoid figure with a prominent green mohawk (Punk Kaiju style). The model should be rigged for basic articulation (limbs moving). * **Environment (The City):** * **Foreground:** Gray asphalt road with yellow lane markers. * **Midground (Interactable):** Tall, blocky skyscrapers in varying shades of purple and dark blue with emissive yellow rectangles representing lit windows. These buildings must be destructible (composed of smaller chunks or using physics bodies that can be knocked over). * **Background:** A dark night sky gradient with a parallax scrolling silhouette of a distant city skyline. * **VFX:** * **Debris:** Particle systems for concrete dust and glass shards when buildings are hit. * **Fire:** A stylized particle effect that triggers when the "Fire Smash" move is used. * **Impact:** Screen shake effect (camera vibration) on heavy hits. * **Performance:** Use `InstancedMesh` for repetitive building blocks and windows to ensure 60FPS on mobile browsers. Limit active physics bodies to the immediate screen area. ### 2. Audio Requirements * **BGM:** A high-energy, looping **8-bit Punk Rock / Heavy Metal** track (distorted bass and fast drums) to match the chaotic "college party destruction" vibe. * **SFX:** * **Smash:** Deep, crunchy crumbling sounds for building destruction. * **Plane Hit:** An explosion sound when knocking airplanes out of the sky. * **Jump:** A retro "whoosh" sound. * **Fire:** A crackling burning sound for the special attack. ### 3. Gameplay Loop * **Core Mechanic:** The player controls the Giant Punk Monster moving from left to right. The goal is to cause maximum property damage while surviving. * **Enemies:** * **Airplanes:** Fly in from the right at varying heights. Must be punched or jumped on. * **Police/Tanks:** Roll in on the ground level firing small projectiles. * **Scoring:** Points are awarded for every building floor destroyed and every enemy vehicle smashed. * **Health System:** Player has a health bar. Taking hits from planes or projectiles reduces health. Picking up "Pizza" or "Beer" icons (scattered in debris) restores health. * **Game Over:** When health reaches zero, the monster collapses, and a "Total Damage: $ [Score]" summary appears. ### 4. Mobile Controls & Interaction * **Control Scheme (Touch Optimized):** * **Left Side:** An invisible **Virtual Joystick** (or D-Pad) for movement (Left/Right). * **Right Side (Action Buttons):** * **Button A (Large):** Smash/Punch (Replaces 'A' and 'S'). * **Button B (Medium):** Jump (Replaces Spacebar). * **Gestures:** * **Swipe Down:** Triggers the "Fire Smash" (Ground Pound) - a powerful AOE attack with a cooldown. * **Swipe Up:** Triggers the "Throw/Uppercut" animation to hit high-flying planes. * **UI Layout:** * Score and Health Bar pinned to the top-left (safe area). * Pause button top-right. * All buttons must be at least **48x48px** hit areas. * **Feedback:** * Trigger `navigator.vibrate(50)` on successful hits for tactile feedback. * Flash the character white briefly when taking damage. ### 5. Technical Stack * Use **Three.js** for rendering. * Use **Cannon.js** (or a simple AABB collision system) for physics interactions between the monster and buildings. * Ensure the canvas resizes correctly for both portrait and landscape (though landscape is preferred). 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 Smasher is an addictive action-packed destruction game that lets you unleash your inner chaos. Control a super-powered stick figure character as you rampage through urban environments, destroying everything in your path. With its simple yet satisfying gameplay mechanics, this browser-based game offers endless entertainment for players who enjoy creative destruction and mayhem.

Rated 3.3/5 by players, City Smasher combines simple stick figure graphics with explosive action gameplay, making it perfect for quick gaming sessions when you want to blow off some steam.

Core Features

Complete Urban Destruction

Experience the ultimate power fantasy as you demolish entire cityscapes. Your stick figure character possesses incredible strength, allowing you to kick down towering buildings, punch through structures, and leave a trail of destruction wherever you go.

Aerial Combat Action

Take your destruction to the skies! Knock airplanes right out of the air with powerful attacks. Watch as aircraft tumble from the heavens in spectacular fashion, adding an extra dimension to your rampage.

Fire-Based Attacks

Set the city ablaze with special fire smash attacks. Create widespread chaos by igniting buildings and structures, watching as flames spread across the urban landscape.

Simple Stick Figure Style

The game features classic stick figure graphics that focus attention on the action rather than complex visuals. This minimalist art style ensures smooth gameplay across all devices while maintaining the game's chaotic charm.

Browser-Based Convenience

Play instantly in your web browser without any downloads or installations. The game runs smoothly on both desktop and mobile devices, making it accessible whenever you need a quick destruction fix.

Gameplay Mechanics

City Smasher offers straightforward yet engaging gameplay mechanics designed for maximum fun:

  • Movement System : Navigate through the city using simple arrow key controls
  • Attack Variety : Multiple attack types including kicks, smashes, throws, and fire attacks
  • Environmental Interaction : Every building, vehicle, and structure can be destroyed
  • Combo System : Chain different attacks together for spectacular destruction sequences
  • Progressive Difficulty : Face increasing challenges as you advance through different city areas

Controls Guide

Master these simple controls to become the ultimate city destroyer:

  • Left/Right Arrow Keys : Move your stick figure character around the city
  • A Key : Execute powerful kicks to demolish buildings and structures
  • S Key : Perform devastating smash attacks for maximum destruction
  • Up Arrow + A : Launch throwing attacks to hit distant targets like airplanes
  • Down Arrow + S : Unleash fire smash attacks to set everything ablaze
  • Spacebar : Jump to reach higher targets and avoid obstacles

The intuitive control scheme means you can start causing mayhem within seconds of loading the game.

Why Play City Smasher

Stress Relief Gaming

Sometimes you just need to destroy things, and City Smasher provides the perfect outlet for releasing tension and stress. The satisfying destruction mechanics offer instant gratification without any real-world consequences.

Quick Entertainment

With its pick-up-and-play nature, City Smasher is perfect for short gaming sessions. Whether you have five minutes or an hour, you can jump in and start causing chaos immediately.

Nostalgic Appeal

The stick figure art style and simple gameplay mechanics evoke classic flash games, appealing to players who appreciate retro gaming aesthetics and straightforward fun.

Universal Accessibility

The game's simple controls and concept make it accessible to players of all ages and skill levels. No complex tutorials or steep learning curves – just pure, destructive entertainment.

Free to Play

Enjoy unlimited destruction without spending a penny. City Smasher is completely free to play with no hidden costs or premium features to unlock.

Frequently Asked Questions (FAQ)