Street Fighter 2 - Classic Fighting Game

Seele01-Flash
By
Street Fighter 2 is the legendary arcade fighting game that defined the genre. Master iconic moves like hadoukens and shoryukens in the epic battle between Ryu and Sagat, now playable free in your browser.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Retro Pixel Style Fighting Game - Ryu vs Sagat**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Emulate a "2.5D" retro arcade look. Use 2D sprites (billboarded planes) for the characters (Ryu and Sagat) placed in a 3D environment to create depth parallax. * **Characters**: * **Player (Ryu)**: A pixel-art sprite wearing a white gi (or blueish tint due to lighting) with a red headband. Needs simple animation states: Idle (bouncing), Punch, Kick, Hadouken (blue fireball projection), Shoryuken (rising uppercut), and Hit/Fall. * **Enemy (Sagat)**: A tall, muscular pixel-art sprite with an eyepatch, Muay Thai shorts, and bandages. AI-controlled. Needs similar animation states plus his signature "Tiger Shot" projectile. * **Environment**: * **Background**: A rocky, slightly alien or ruins-themed landscape with a distinct blue/purple palette (as seen in the screenshot). * **Parallax**: Implement 3 layers of depth: a foreground ground layer (where they fight), a mid-ground with rocky formations/ruins, and a far background (sky/distant mountains). * **Lighting**: Global ambient blue light to match the screenshot's mood, plus a dynamic point light that illuminates when fireballs (Hadoukens) are thrown. * **Optimization**: Use low-poly geometries for background elements. Use a single texture atlas for all sprite animations to minimize draw calls on mobile. ### 2. Audio Requirements * **BGM**: A high-energy, 16-bit arcade synthesizer track. Fast-paced bassline with a heroic melody (reminiscent of the CPS1 chip sound). * **SFX**: * **Combat**: "Whoosh" sounds for punches/kicks, a heavy "thud" or "crunch" for successful hits. * **Voice**: Retro-crushed voice samples for special moves (e.g., a synthesized "Hadouken!" and "Tiger!"). * **Environment**: Subtle wind noise to fill the silence between rounds. * **UI**: A sharp "cling" sound for button presses and a "buzz" for invalid actions. ### 3. Gameplay Loop * **Core Mechanics**: A classic 1v1 fighting system on a 2D plane. The player can move left/right, jump, crouch, and attack. * **Combat System**: * **Health Bars**: Two yellow/red bars at the top of the screen (P1 vs CPU). * **Attacks**: Light Punch, Heavy Kick, Fireball (Projectile), Uppercut (Anti-air). * **Collision**: Box collision detection. Attacks only register if the opponent is not blocking (holding back). * **Win/Loss**: Deplete Sagat's health to win a round. Best of 3 rounds. If Player health reaches 0, "Game Over" displays with a countdown to retry. * **Enemy AI**: Sagat should move back and forth, occasionally throwing "Tiger Shots" at long range and using kicks if the player gets too close. ### 4. Mobile Controls & Interaction * **Orientation**: **Landscape Mode** is mandatory for this genre to allow wide spacing between characters. * **Virtual Gamepad (Overlay HTML/Canvas)**: * **Left Side**: A virtual D-Pad or Joystick (Thumbstick) for movement (Left, Right, Jump, Crouch). * **Right Side**: * Large "Punch" and "Kick" buttons (min 60x60px). * Smaller, distinct "Special" buttons for simplified mobile play: "Hadouken" icon and "Shoryuken" icon (to replace complex joystick motions for better mobile UX). * **Feedback**: * **Haptic**: Trigger a short vibration (using `navigator.vibrate`) whenever the player lands a hit or takes damage. * **Visual**: Screen shake effect (camera jitter) on heavy impacts or knockdowns. flash the sprite white briefly when taking damage. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Street Fighter 2 stands as one of the most influential fighting games in gaming history. This classic arcade masterpiece brings you the ultimate showdown between legendary fighters Ryu and Sagat. Experience the pure essence of competitive fighting with precise controls, iconic special moves, and the timeless gameplay that captivated millions of players worldwide.

This restored version maintains all the original charm and intensity of the arcade classic, now optimized for modern web browsers. Whether you're a longtime fan or discovering this gem for the first time, prepare for an authentic retro gaming experience that showcases why Street Fighter 2 became a cultural phenomenon.

Core Features

Legendary Fighter Matchup

Step into the shoes of Ryu , the wandering warrior, as he faces off against Sagat , the towering Muay Thai master. This iconic rivalry represents one of gaming's most memorable confrontations, featuring contrasting fighting styles and personalities that create dynamic, strategic combat.

Authentic Special Move System

Master the art of hadoukens (energy projectiles) and shoryukens (rising dragon punches) - two of the most recognizable special moves in gaming history. These signature techniques require precise input timing and strategic deployment to overcome your opponent.

Classic Arcade Experience

  • Pixel-perfect graphics that preserve the original arcade aesthetic
  • Responsive controls optimized for modern browsers
  • Authentic sound effects and music from the original game
  • Smooth 60fps gameplay for competitive-level responsiveness
  • No download required - instant access through any web browser

Free Browser Gaming

Enjoy this legendary fighting experience completely free. No subscriptions, no hidden costs, no downloads - just pure arcade fighting action accessible from any device with a web browser.

Gameplay Mechanics

Street Fighter 2 revolutionized fighting games with its six-button control scheme and special move inputs. The game emphasizes:

  • Strategic spacing and timing over button mashing
  • Special move execution requiring precise joystick and button combinations
  • Counter-attack opportunities that reward defensive play
  • Combo potential for advanced players seeking mastery

Operation Guide

Basic Controls

  • Arrow Keys : Move character (left, right, crouch, jump)
  • A, S, D : Light, medium, heavy punch attacks
  • Z, X, C : Light, medium, heavy kick attacks
  • Spacebar : Block incoming attacks

Special Moves (as Ryu)

  • Hadouken : Down, Down-Forward, Forward + Punch (fireball projectile)
  • Shoryuken : Forward, Down, Down-Forward + Punch (anti-air uppercut)
  • Tatsumaki : Down-Back, Down, Down-Forward + Kick (spinning kick)

Combat Tips

  • Use hadoukens to control distance and pressure opponents
  • Deploy shoryukens as anti-air attacks when opponents jump
  • Mix up your attack timing to keep opponents guessing
  • Practice special move inputs for consistent execution

Why Play This Classic

Historical Significance

Street Fighter 2 didn't just define the fighting game genre - it created it. This is your chance to experience the game that inspired countless sequels, spin-offs, and competitors. Understanding this classic provides insight into the evolution of competitive gaming.

Timeless Gameplay

Despite being decades old, the core gameplay mechanics remain engaging and challenging. The balance between accessibility and depth means newcomers can enjoy basic combat while veterans can explore advanced strategies and techniques.

Perfect for Quick Sessions

With matches lasting just minutes, Street Fighter 2 offers perfect bite-sized gaming sessions. Whether you have five minutes or an hour, you can jump in for satisfying combat experiences.

Nostalgic Appeal

For players who experienced the arcade era, this represents a faithful recreation of countless hours spent in arcade halls. For newer players, it's an opportunity to understand why this game became a cultural touchstone.

Cross-Generational Gaming

Few games bridge generational gaps like Street Fighter 2. Share this classic with friends and family members of all ages - its intuitive controls and exciting action appeal to players across all skill levels and age groups.

Frequently Asked Questions (FAQ)