← Games
🏃
Gravity Platformer
Build a real platformer from scratch: gravity, jumping, solid ground, and a level to conquer.
🟣 InsaneDifficulty
6-8 hoursTime
JavaScript, TypeScriptLanguages
What you're building
A side-view platformer where your character runs, jumps, and lands on solid platforms under realistic gravity — the exact foundation every Mario-like game is built on. You'll build proper axis-aligned collision detection (so you never clip through floors or get stuck in walls), a multi-platform level, and a goal flag to reach. This is the single hardest project in the games library, and finishing it means you understand real platformer physics.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- Canvas basics
- Comfortable with objects and arrays
- A code editor
- A browser
🗺️ Build roadmap
01 Set up the canvas and a static player rectangle
→
02 Add gravity so the player falls
→
03 Build solid ground and stop the fall on landing
→
04 Add left/right movement and jumping
→
05 Add multiple platforms with real AABB collision
→
06 Build a full level layout with a goal
→
07 Add a camera that follows the player
→
08 Polish with death zones, restart, and win screen
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free