Spite Cannon - Block Shooting Game

Seele01-Flash
By
Spite Cannon is a delightful physics-based shooting game where you blast away grumpy blocks with your powerful cannon. Featuring cute graphics, satisfying destruction mechanics, and exciting upgrades to unlock.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Spite Cannon". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A colorful, low-poly 3D adaptation of the 2D cartoon style. Use a bright, cheerful palette contrasting with the "angry" characters. * **Background:** A dynamic gradient skybox (Light Blue to White) to mimic a sunny day. * **The Blocks (Enemies):** 3D Cubes (Purple/Violet). Instead of textures, use simple child geometries (small white/black spheres) to create "Googly Eyes" and "Frowning Mouths" on the front face. They should look cute but grumpy. * **The Cannon:** A stylized, rounded cylinder cannon (Black or Dark Grey) positioned at the bottom-left or center-bottom of the screen. * **Particles:** When blocks are destroyed, they must shatter into many smaller, physics-affected cube particles (dust) that fade out over time. * **Performance:** Use `InstancedMesh` for particles if possible. Keep geometry simple (BoxGeometry, CylinderGeometry) for high framerates on mobile devices. Shadows should be baked or minimal (one directional light). ### 2. Audio Requirements * **BGM:** A whimsical, mischievous, and march-like track (pizzicato strings or tuba) that sounds "clumsy but determined." * **SFX:** * **Cannon Fire:** A comedic "Thomp" or "Pop" sound (not a realistic explosion). * **Impact:** A "Bonk" sound when hitting blocks without destroying them. * **Destruction:** A satisfying "Crunch" or glass-shattering sound when a block is destroyed. * **UI:** Soft clicks for menus. ### 3. Gameplay Loop * **Core Mechanic:** Physics-based destruction. The player controls a cannon to shoot projectiles (balls) at structures made of "Spite Blocks." * **Physics Engine:** **CRITICAL**: You must use a physics engine (like **Cannon.js** or **Ammo.js**) to handle gravity, collisions, stacking stability, and impulse. * **Goal:** Knock all Purple Blocks off the platform or destroy them (reduce their HP to 0) to clear the level. * **Damage System:** Blocks take damage based on the velocity of the impact. High-speed hits destroy them instantly; low-speed hits nudge them. * **Progression:** A simple "Wave" system. When all blocks are cleared, spawn a new, slightly larger stack of blocks. ### 4. Mobile Controls & Interaction * **Orientation:** **Landscape Mode** (preferred for physics shooters) but responsive to resize. * **Controls:** * **Aiming & Shooting:** Implement a "Touch-to-Shoot" mechanic. Where the player taps on the screen (Raycasting), the cannon rotates to face that point and immediately fires a projectile. * **Alternative (if easier for UX):** A virtual joystick on the left to rotate aim, and a fire button on the right. (Choose the most intuitive one, likely Touch-to-Shoot for casual feel). * **Feedback:** * **Screen Shake:** Slight camera shake when a heavy structure collapses or the cannon fires. * **Haptics:** Trigger `navigator.vibrate(50)` when the cannon fires and a stronger vibration when a block is destroyed. * **UI:** Large, thumb-friendly text for "Score" and "Wave" at the top corners. A "Restart" button (min 44x44px) clearly visible. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Spite Cannon is an addictive free shooting game that combines physics-based gameplay with adorable block characters. In this charming destruction game, you'll face off against annoyed blocks that definitely don't appreciate being shot at - but that's exactly what makes it so much fun! With simple mouse controls and increasingly challenging levels, Spite Cannon offers hours of entertaining block-blasting action.

Core Features

Physics-Based Shooting Mechanics

Experience realistic physics as you aim and fire your cannon at various block formations. Each shot follows natural trajectory and impact physics, making every blast feel satisfying and authentic. The blocks react dynamically to your cannon fire, creating unpredictable and exciting destruction sequences.

Adorable Character Design

Despite being a shooting game, Spite Cannon maintains a family-friendly atmosphere with its cute block characters. Each block has its own personality, featuring expressive eyes and charming animations that make the destruction surprisingly endearing rather than aggressive.

Progressive Upgrade System

Earn points by successfully destroying blocks and use them to purchase powerful cannon upgrades. Unlock new ammunition types, increase your firing power, and improve your cannon's capabilities to tackle more challenging block formations as you progress.

Stacking and Physics Puzzles

Many levels feature complex block stacking arrangements that require strategic thinking. Use physics to your advantage by targeting key support blocks to create chain reactions and massive collapses that clear entire formations with a single well-placed shot.

Gameplay Mechanics

Spite Cannon challenges players to clear various block formations using limited ammunition. Each level presents different arrangements of blocks, some stacked precariously, others fortified in defensive positions. Your goal is to destroy all blocks using as few shots as possible to maximize your score and earn upgrade points.

The game's physics engine ensures that every shot matters. Blocks can topple, slide, and crash into each other, creating satisfying chain reactions when you hit the right spot. This adds a puzzle element to the shooting mechanics, as you must consider angle, power, and timing for optimal results.

Operation Guide

Mouse Controls: - Aim : Move your mouse to adjust cannon direction and trajectory - Shoot : Click to fire your cannon at the target blocks - Power : Hold and drag to adjust shooting power and angle - Menu Navigation : Use mouse clicks to navigate menus and purchase upgrades

The intuitive mouse-only control scheme makes Spite Cannon accessible to players of all ages and skill levels. Simply point, click, and watch the satisfying destruction unfold!

Why Play Spite Cannon

Perfect Casual Gaming Experience

Spite Cannon strikes the perfect balance between challenge and relaxation. It's engaging enough to keep you focused but not so demanding that it becomes stressful. The cute aesthetic and satisfying physics make it an ideal game for unwinding after a long day.

Family-Friendly Entertainment

With its all-ages content rating and adorable character design, Spite Cannon is perfect for family gaming sessions. Children will love the cute blocks and simple controls, while adults will appreciate the strategic physics puzzles.

No Commitment Required

As a free browser game, you can jump in and play whenever you have a few minutes to spare. No downloads, no installations, no lengthy tutorials - just pure, immediate gaming satisfaction.

Skill Development

While fun and casual, Spite Cannon also helps develop hand-eye coordination, spatial reasoning, and strategic thinking skills through its physics-based challenges.

Frequently Asked Questions (FAQ)