Jump King - Web Edition
Play It Now in Full Tab
Goal: Climb to the very top without falling. Your HEIGHT and FALLS are tracked live in the game HUD. Reach the summit to trigger the Victory screen!
How to Play
Desktop
← →
Move Left / Right
SPACE
Hold to charge jump
Release
Execute the jump
Longer hold = higher jump!
Mobile
← →
On-screen buttons
JUMP
Hold to charge
Release
Execute the jump
Full mobile support!
Project Information
- Category: Web Game
- Platform: Browser (HTML5)
- Engine: Vanilla JS + Canvas API
- Language: JavaScript
- Genre: Precision Platformer
- My Role: Solo Developer
- Mobile Support: Yes
- Live Link: GitHub Pages ↗
Project Overview
A browser-based tribute to the precision platformer genre, built entirely from scratch using vanilla JavaScript and the HTML5 Canvas API — no game engine, no external framework. The core challenge: climb higher and higher without falling, mastering a charge-based jump mechanic that rewards patience and punishes haste.
Key Features
- Charge-based jump system — hold longer to jump higher
- Real-time HEIGHT and FALLS tracker on the HUD
- Full mobile support with on-screen touch controls
- Victory screen triggered on reaching the summit
- In-game Controls and Credits modals
- Zero dependencies — pure HTML5 / CSS / JavaScript
My Contributions
- Custom physics engine — gravity, charge, and release trajectory
- Canvas-based renderer with smooth character movement
- Responsive layout for both desktop and mobile
- Virtual on-screen joystick and button system for touch input
- Game state machine: Menu → Playing → Victory
- Height calculation and fall-count tracking system