Stick Fighter - Ultimate Stickman Fighting Game

Seele01-Flash
By
Stick Fighter delivers intense stickman combat with 6 unique fighters, each featuring distinct movesets and special abilities. Challenge AI opponents in single player mode or face off against friends in local 2-player battles.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Stick Fighter Mobile**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-contrast, vibrant 2D-in-3D aesthetic (orthographic camera). Use a "flat shaded" look with bold outlines (toon shading) to mimic the reference image's sticker-like appearance. * **Character Models:** Minimalist 3D Stickman models constructed from simple geometric shapes (capsules for limbs, spheres for heads). * **Main Character:** Deep blue body with a bright magenta bandana/mask. * **Opponent:** Distinct contrasting color (e.g., bright orange or lime green) to differentiate easily on small screens. * **Animations:** Snappy, exaggerated keyframe animations. Attacks should have "squash and stretch" effects for impact. * **Environment:** A minimalist fighting arena. * **Background:** A dynamic gradient abstract backdrop (pink to orange as seen in the screenshot) or simple geometric patterns that move slowly to simulate parallax depth. * **Ground:** A solid, flat platform with a glowing edge to define boundaries. * **Performance Optimization:** Use simple geometries (low-poly) and merge meshes where possible. Avoid expensive real-time shadows; use "blob shadows" under characters. ### 2. Audio Requirements * **BGM:** High-energy, arcade-style electronic rock or synth-wave track. Fast tempo (120-140 BPM) to match the fighting speed. * **Sound Effects (SFX):** * **Hits:** Crunching, punchy sounds with bass boost for successful attacks. * **Whiffs:** "Whoosh" sounds for missed attacks. * **Movement:** Quick, light shuffling sounds for running; a "spring" sound for jumping. * **UI:** Digital "blip" sounds for button presses; a retro "K.O.!" voice clip or heavy gong sound upon winning a round. ### 3. Gameplay Loop * **Core Mechanics:** A 1v1 side-scrolling fighting game. * **Health:** Each player has a health bar at the top of the screen. First to deplete the opponent's health wins the round. Best of 3 rounds. * **Physics:** Arcade physics—fast gravity, no momentum preservation (instant stop/start), and slight "knockback" when hit. * **Combat Logic:** * **Combo System:** Detect rapid sequences of inputs. Instead of complex keyboard combos, map these to virtual buttons. * **Hit detection:** Simple Axis-Aligned Bounding Box (AABB) collisions for hitboxes. * **States:** Idle, Run, Jump, Double Jump, Attack, Stunned (when hit). ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape Mode** (Force landscape if possible, or responsive CSS to handle rotation). * **Touch Controls (Virtual Overlay):** * **Left Side:** A simple Left/Right directional slider or large D-Pad for movement. * **Right Side:** Three large, distinct action buttons arranged in an arc for thumb reachability: * **Button A (Attack):** Triggers basic punch/kick. Tapping rapidly executes the "A, A" combo. * **Button B (Jump):** Triggers jump. Tapping in mid-air triggers Double Jump. * **Button C (Special):** Executes the specialized moves (originally "Attack 3" in the description) depending on context (ground vs. air). * **Feedback:** * **Haptic:** Trigger short device vibration (using `navigator.vibrate`) on successful hits or when taking damage. * **Visual:** Screen shake effect (camera jitter) on heavy impacts. Flash the character white briefly when taking damage. * **UI Layout:** Keep health bars permanently fixed at the top corners with large padding. Pause button in the top center. Ensure no buttons overlap with browser navigation gestures (keep clear of bottom 20px). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Stick Fighter is an action-packed fighting game that brings classic stickman combat to life with modern gameplay mechanics. Choose from six unique characters, each with completely different move sets, special attacks, and combat styles. Whether you're looking to prove yourself as the ultimate warrior in single player mode or settle disputes with friends in local multiplayer, Stick Fighter delivers fast-paced fighting action that's easy to learn but challenging to master.

Core Features

Six Unique Fighter Characters

Each character in Stick Fighter brings their own fighting style to the arena. From quick combo specialists to heavy hitters, every fighter requires different strategies and techniques to master effectively.

Comprehensive Combat System

The game features an intuitive yet deep combat system with multiple attack types: - Basic Attacks : Quick strikes for building combos - Heavy Attacks : Powerful moves for maximum damage - Aerial Combat : Advanced double-jump attacks for aerial superiority - Special Moves : Character-specific techniques for advanced players

Multiple Game Modes

  • Single Player Campaign : Face all fighters in sequence to prove your skills
  • 2-Player Local Battles : Challenge friends in head-to-head combat
  • Free Practice : Perfect your combos and techniques

Gameplay Mechanics

Movement and Basic Controls

Stick Fighter uses simple directional controls combined with attack inputs to create fluid combat. Players can move left and right, jump, and execute various attacks depending on their timing and button combinations.

Advanced Techniques

Master the double-jump system to access aerial attacks and gain positional advantages. Each character's aerial moves offer unique properties that can turn the tide of battle when used strategically.

Operation Guide

Basic Controls

  • Movement : A/D keys or Left/Right arrow keys
  • Jump : Same as movement keys
  • Basic Attack 1 : Press A twice (or Left twice)
  • Basic Attack 2 : Press D twice (or Right twice)

Advanced Moves

  • Double Jump Combo 1 : A, then D (or Left, then Right)
  • Double Jump Combo 2 : D, then A (or Right, then Left)
  • Aerial Attack Left : While double-jumping, press A (or Left)
  • Aerial Attack Right : While double-jumping, press D (or Right)

Combat Strategy Tips

  • Practice timing your attacks to create effective combos
  • Use aerial attacks to surprise opponents and break their defense
  • Each character excels in different situations - experiment to find your favorite
  • Master both offensive and defensive techniques for balanced gameplay

Why Play Stick Fighter

Perfect for All Skill Levels

Whether you're new to fighting games or a seasoned veteran, Stick Fighter offers accessible controls with room for advanced techniques. The simple input system makes it easy for anyone to start playing, while the depth of combat keeps experienced players engaged.

Excellent Multiplayer Experience

The local 2-player mode makes Stick Fighter perfect for gaming sessions with friends. No online connection required - just grab a friend and start battling immediately.

Free Browser Gaming

Enjoy the complete Stick Fighter experience without downloads or purchases. Play instantly in your web browser on any device, making it perfect for quick gaming sessions anywhere.

Character Mastery System

With six distinct fighters, you can either focus on mastering one character or become proficient with the entire roster. Each approach offers different strategic advantages and keeps the gameplay fresh.

Frequently Asked Questions (FAQ)