Video Demo

Box Runner is an engaging HTML5 action game that challenges players to stack colorful boxes, climb changing terrain, and avoid dangerous ceilings and steps. Build your tower at the right time to overcome obstacles and keep moving forward.

Each click, tap, or key press adds a new box beneath the player, helping the character climb higher. However, stacking too many boxes can become a disadvantage when navigating narrow spaces or uneven terrain. If the lower boxes collide with steps, they may be left behind, so players must carefully manage their tower.

With vibrant cube graphics, pseudo-3D visuals, randomly generated terrain, particle effects, and increasing movement speed, Box Runner offers a challenging arcade experience for desktop and mobile browsers.

Features

Add boxes to build a climbing tower

Colorful cubes with pseudo-3D shading and beveled edges

Randomly generated terrain and elevation changes

Ceiling obstacles with clearance constraints

Stack collision mechanics that can leave boxes behind

Three-life gameplay system

Score increases as the player travels

Gradually increasing game speed

Ten-color palette for spawned boxes

Particle effects and collision feedback

Animated 3D-style cube preloader

How to Play

Click Play Now to start.

Click or tap the screen, or press the Up Arrow or Space key, to add a box to your tower.

Use your growing stack to climb steps and navigate the changing terrain.

Watch out for ceilings and obstacles that can cause a crash.

Avoid collisions to preserve your three lives.

If your lower boxes hit a step, some may be left behind.

Travel as far as possible, earn points, and aim for a higher score.

Technology Used

HTML5

CSS3

Vanilla JavaScript (ES6)

HTML5 Canvas 2D

Web Audio API

Supported Browsers

Google Chrome

Mozilla Firefox

Microsoft Edge

Apple Safari

Android browsers with JavaScript and Canvas support

iOS Safari

Box Runner | 3D Style Box Stacking HTML5 Action Game