Pixel Warrior — Free 2D Action Game Demo
A pixel art action game demo featuring a dual-mode character system, 3-hit combo attacks, magic casting, shield blocking, and enemy AI — all with procedural chiptune audio synthesized in real-time. No downloads, no installs. Play instantly in your browser.
🌸 Dual Character Modes
Switch between Red Hair (exploration) and Blonde Hair (combat) modes. In peaceful mode, run, jump, dash, and eat buns to heal. Transform to draw your sword and unleash devastating attacks.
⚔️ 3-Hit Combo System
Chain light attacks into a devastating combo sequence. Attack1 (12 dmg) → Attack2 (18 dmg) → Heavy Slam (30 dmg). Timing matters — mash too fast and the combo resets.
🧙 Magic & Block
Cast area-of-effect magic spells (25 dmg, 200px range) to clear crowds. Hold block to reduce incoming damage by 80%. Eat buns in peaceful mode to heal 20 HP.
👾 3 Enemy Types
Fight procedurally drawn Slimes (40 HP), Skeletons (70 HP), and Demons (120 HP). Each enemy has unique AI behavior, attack patterns, and visual personality. Enemies only aggro in combat mode.
🎵 Procedural Chiptune Audio
Every sound effect and the background music loop are synthesized using Web Audio API. Sword slashes, jumps, magic arpeggios, and a C minor pentatonic chiptune melody — zero audio files.
🎬 Auto-Demo Mode
Watch the game play itself with a built-in demo sequence showcasing all 13 character actions. Press any key to take control at any time. Like an arcade attract screen.
How to Play Pixel Warrior
Pixel Warrior is a 2D action game demo with a unique dual-mode character system. Start in peaceful Red Hair mode to explore and heal, then transform into combat-ready Blonde Hair mode to fight enemies.
Movement Controls
- A / D or ← / → — Move left and right
- W or Space — Jump
- F — Transform between Red Hair and Blonde Hair modes
- Shift — Dash / Dodge Roll (Red Hair mode)
- M — Eat Bun to heal (Red Hair mode only)
Combat Controls (Blonde Hair Mode)
- J — Attack (chain into 3-hit combo)
- K — Heavy Slam (single powerful strike)
- G — Block (hold to reduce incoming damage by 80%)
- H — Cast Magic (area damage, ascending arpeggio sound)
13 Character Actions
The sprite system includes 102 individual frames across 13 distinct actions: Idle, Run, Jump, Dash, Eat Bun (Red Hair mode), Draw Sword (transformation), Attack1, Attack2, Attack3, Block, Get Hit, Cast Magic, and Death (Blonde Hair mode).
Technical Details
Pixel Warrior is an experimental action game demo built in the InstantGames Lab. It demonstrates sprite animation techniques, combat system design, and procedural audio generation — all in vanilla JavaScript.
- Engine: Vanilla JavaScript + HTML5 Canvas
- Sprites: 102 frames across 13 actions, organized in red_hair/ and blonde_hair/ directories
- Audio: 100% procedural Web Audio API (10+ sound effects + chiptune BGM at 130 BPM)
- Enemies: Procedurally drawn using Canvas primitives with FSM-based AI
- Demo: 30+ step auto-demo sequence with interruptible playback
Read the full development log for details on the sprite extraction pipeline, animation controller architecture, enemy AI, and procedural audio design.
Frequently Asked Questions
Is Pixel Warrior free to play?
Yes, completely free. No ads in-game, no in-app purchases, no account required.
Is this a full game or a demo?
Pixel Warrior is a playable game demo showcasing the core combat system, sprite animation, and audio engine. It features a scoring system with enemy respawning — fight for the highest score.
How do I trigger the combo?
In Blonde Hair mode, press J repeatedly with proper timing. The combo chains Attack1 → Attack2 → Heavy Slam automatically. Wait too long between hits and the combo resets to Attack1.
What browsers are supported?
Any modern browser with HTML5 Canvas and Web Audio API — Chrome, Firefox, Safari, Edge. No plugins needed.
What is the auto-demo mode?
Click the "▶ AUTO DEMO" button to watch the game play itself, cycling through all 13 character actions. Press any key to take control at any time. The demo loops continuously until interrupted.