Rooftop Snipers - Pixel Shooting Duel Game

Seele01-Flash
By
Rooftop Snipers is an exciting pixel-style shooting game where players duel famous characters on rooftops. Features single-player and 2-player modes with simple yet addictive gameplay that requires quick reflexes and precise timing.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Rooftop Snipers**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D aesthetic using low-poly 3D primitives (cubes/cuboids) to simulate a "Pixel Art" or Voxel look. The camera should use an **Orthographic Projection** to maintain the classic side-scrolling flat look while allowing for 3D depth in the background. * **Characters**: Construct characters (Player and Enemy) using a hierarchy of simple BoxGeometries (Head, Torso, Arms, Legs). They should look like blocky, rigid ragdolls. * *Textures*: Apply low-resolution pixel art textures to the faces of the cubes. * **Environment**: * **Foreground**: A flat, wide "rooftop" platform (BoxGeometry) where the action takes place. * **Background**: A parallax city skyline made of simple colored cubes (low detail) and a sky gradient (cyan to light blue). * **Performance**: Use `InstancedMesh` for background buildings if possible. Keep material count low (BasicMaterial or LambertMaterial) for high frame rates on mobile devices. ### 2. Audio Requirements * **BGM**: An upbeat, frantic **8-bit / Chiptune style** loop that conveys a sense of chaotic arcade fun. * **Sound Effects (SFX)**: * **Jump**: A retro "boing" or spring sound. * **Weapon Charge/Aim**: A rising pitch sound while the button is held. * **Shoot**: A distinct "pew" or gunshot sound varying by weapon type. * **Impact**: A dull thud when hitting a character. * **Fall**: A comedic whistling sound or "splash" when a character falls off the roof (game over condition). ### 3. Gameplay Loop * **Core Mechanic**: A physics-based duel where the goal is **not** to deplete HP, but to **knock the opponent off the rooftop**. * **Physics**: Implement "wobbly" physics. Characters should feel slightly unstable. * **Recoil**: Shooting a weapon should apply significant backward force to the shooter. * **Impact**: Getting hit by a projectile applies impulse force, pushing the victim backward. * **Aiming Mechanic**: The character's arm automatically rotates up and down (or rotates when the shoot button is held). The player must release the button at the right angle to hit the opponent. * **Hazards**: Randomly spawn falling objects (beach balls, crates) that have physics properties and can knock players over. * **Win Condition**: The round ends immediately when a character's Y-position drops below a certain threshold (falling off the roof). First to 5 wins matches the game. ### 4. Mobile Controls & Interaction * **Screen Orientation**: **Landscape Mode** is mandatory to allow space for the horizontal rooftop and two-player split controls (if applicable). * **Touch Interface (HTML/CSS Overlay)**: * Create a transparent UI layer on top of the Three.js canvas. * **Player 1 (Left Side of Screen)**: * **Jump Button (Big Circle)**: Tap to apply vertical impulse. * **Shoot Button (Big Circle)**: **Touch & Hold** to rotate the weapon arm; **Release** to fire the projectile. * *(Optional Local Multiplayer)* **Player 2 (Right Side of Screen)**: Mirror the controls of Player 1. * **Feedback**: * **Screen Shake**: Trigger a subtle camera shake effect when a shot is fired or a player lands heavily. * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on shooting and `navigator.vibrate(200)` when a player gets hit (if supported). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Rooftop Snipers is a thrilling pixel-art shooting game that combines simple controls with intense dueling action. Set on various rooftops, players must shoot their opponents off the edge while dodging incoming fire. The game features iconic characters like the Joker, Mr. T, and John Wayne, each bringing their own style to the rooftop battleground.

This browser-based game offers both single-player challenges against AI opponents and local multiplayer action where two players can compete on the same device. The minimalist pixel graphics create a nostalgic gaming experience while maintaining smooth, responsive gameplay.

Core Features

Iconic Character Roster

Battle against legendary characters including the mysterious Joker, the tough-as-nails Mr. T, and the classic cowboy John Wayne. Each character brings unique personality to the rooftop duels, making every match feel distinct and entertaining.

Dual Game Modes

  • Single Player Mode : Test your skills against challenging AI opponents
  • 2 Player Mode : Local multiplayer action on the same computer for competitive fun with friends

Dynamic Obstacles and Weapons

Watch out for flying tomahawks and beach balls that add unpredictable elements to each duel. These objects can either help or hinder your performance, requiring quick thinking and adaptation.

Pixel Art Aesthetics

Enjoy beautifully crafted pixel graphics that combine retro charm with modern gameplay mechanics. The simple yet effective visual style ensures smooth performance across all devices.

Cross-Platform Compatibility

Play seamlessly on desktop computers, laptops, smartphones, and tablets. No downloads required - just open your browser and start dueling!

Gameplay Mechanics

Core Objective

The goal is simple yet challenging: shoot your opponent off the rooftop while avoiding being knocked off yourself. Each successful hit pushes your opponent closer to the edge, but be careful - they're trying to do the same to you!

Movement and Strategy

Success requires mastering the art of jumping and positioning. Move forwards to be aggressive, jump backwards to create distance, and time your shots perfectly. The physics-based gameplay means every movement matters.

Environmental Hazards

Stay alert for various objects flying across the screen. Tomahawks and beach balls can knock you off balance or provide unexpected opportunities to gain an advantage over your opponent.

Operation Guide

Basic Controls

  • Mouse : Navigate menus and aim your weapon
  • W Key : Jump to avoid bullets and reposition yourself
  • E Key (Hold) : Aim your sniper rifle precisely
  • E Key (Release) : Fire your shot

Pro Tips for Success

  1. Master the Jump Timing : Learn when to jump forward for aggressive plays and when to jump backward for defense
  2. Watch the Environment : Use flying objects to your advantage or avoid them strategically
  3. Aim Carefully : Take time to line up your shots, but don't take too long or you'll become an easy target
  4. Practice Movement : Fluid movement between offense and defense is key to victory

Why Play Rooftop Snipers

Instant Fun

No complex tutorials or lengthy setup - jump straight into the action with intuitive controls that anyone can learn in seconds. Perfect for quick gaming sessions or extended play.

Social Gaming

The local 2-player mode makes it an excellent choice for gaming with friends and family. Compete head-to-head on the same screen for maximum engagement and friendly rivalry.

Nostalgic Appeal

Pixel art graphics and simple gameplay mechanics evoke classic arcade gaming, appealing to both retro gaming enthusiasts and new players discovering the charm of pixel games.

Free to Play

Enjoy the complete game experience without any cost. No hidden fees, no premium content - just pure gaming fun accessible to everyone.

Accessibility

With cross-platform support and browser-based gameplay, you can enjoy Rooftop Snipers anywhere, anytime, on any device with an internet connection.

Frequently Asked Questions (FAQ)