Project Survivor

▶ PLAYABLE DEMOSHOWCASE ONLY

A vampire-survivors-style survival mini-game built entirely with HTML5 Canvas 2D and TypeScript. Steer your character with pointer or touch while automatic projectiles clear waves of enemies. Survive 60 seconds to win.

Move with your mouse or finger — the hero follows your pointer. Projectiles fire automatically at the nearest enemy. Three types of enemies spawn from doorways at the edges of the arena, each with unique AI behaviors. Every 100 points earned grants a level-up, increasing projectile speed by 20%.

Three Enemy Types

Slime (bouncing, leaves green trail), Ghost (fading afterimages), Flying Skull (blue flame trail).

Level-Up System

Projectile speed increases 20% every 100 points scored.

Custom Sprites

Hand-crafted pixel-art characters and scene backgrounds.

Ambient Effects

Lantern glow, torch fire particles, slime trails.

Damage Feedback

Screen shake and red border flash on hit.

Smart Viewport

Pauses when scrolled away, resumes on return.

</>

HTML5 Canvas 2D

Full game rendering pipeline using the Canvas 2D API for smooth 60fps sprite animation and particle effects.

TypeScript

Strict type safety across the entire game engine, entity system, and state management.

○

Pointer & Touch Input

Unified input handling for mouse and touch devices with automatic adaptation to screen size.

◉

Intersection Observer

Smart viewport detection that pauses the game loop when not visible, saving resources.

★ READY TO PLAY ★

Launch Demo on Homepage