Beneath the Surface

A small browser platformer about diving through terrain, collecting energy, and making it to the portal.

I built this as a pure HTML/CSS/JS game (no framework, no build tools), so you can just open it and play.

What this game is

You’re a little light orb moving through underground layers.

Core mechanic: dive through normal terrain while airborne.
Catch: thick blocks can’t be phased through.

Every level has collectible energy orbs ( * ). To finish a level, you now need to:

1. Collect all orbs in that level
2. Reach the portal ( P )

If all orbs are collected, the portal starts giving off particles, so it’s obvious the level is clearable.

Controls

• A / D or ← / → → Move
• Space or ↑ → Jump
• S or ↓ (while airborne) → Dive / phase
• R → Restart current level
• Esc → Pause

Run it locally

Quick way

Just open index.html in your browser.

Better way (recommended)

Run any local server (for cleaner browser behavior), for example with VS Code Live Server.

Project structure

• index.html → Page + UI screens
• style.css → Visual style / menus / HUD
• game.js → Main loop, input, state, level flow
• player.js → Movement, collisions, dive behavior
• render.js → Drawing blocks, hazards, player, portal, etc.
• levels.js → Level layouts + names + hints + themes
• particles.js → Particle/trail system
• sfx.js → Procedural audio effects
• script.js → Older prototype logic kept in repo

Notes

• Progress is saved in localStorage .
• Difficulty ramps across zones (meadow → soil → cave → crystal → lava).
• The game is tuned for keyboard play.