What & Why
A deep dive into the concept, motivation, and unique aspects of 0xSWARM.
What is it?
A browser-based roguelike survival game where you navigate an ever-growing swarm of enemies. Built with Next.js 14, React 18, and HTML5 Canvas.
Why build it?
To explore game development with React, state management with Zustand, and canvas-based rendering with a cyberpunk aesthetic.
What makes it unique?
A deep upgrade system with 15+ abilities, runtime power-ups, and adaptive UI for mobile touch and desktop mouse controls.
Design Evolution
Gameplay
Visual Language
Clean legibility meets cyber-aesthetics. Geometric sans-serif for UI, technical monospace for data.
Inter
Monospace
Neon Spectrum
High-contrast sRGB values designed for maximum visibility against dark void backgrounds.
CYAN
YELLOW
MAGENTA
PURPLE
Core Modules
The three interconnected systems that define the gameplay experience.
COMBAT_SYSTEM
Auto-fire targeting, critical hit mechanics, pierce bullets, and the signature Repulsion Field.
UPGRADE_PATHS
Deep evolution trees with choices like Fork Process, I/O Accelerator, and Voltage Spike.
EXPLOIT_SYSTEM
Collectible runtime exploits including Overclock, Privilege Escalation, and Data Siphon.
UI Showcase
Pause Screen
Power-ups Upgrades
Tech Stack
The technologies powering 0xSWARM.