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.rne.
Catch: thick blocks can’t be phased through. gh.

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

1. Collect all orbs in that level t 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 or ← / → → Move ove
• Space or or ↑ → Jump ump
• S or or ↓ (while airborne) → Dive / phase ase
• R → Restart current level vel
• Esc → Pause use

Run it locally

Quick way

Just open bsp;index.html in your browser. er.

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 ens
• style.css → Visual style / menus / HUD HUD
• game.js → Main loop, input, state, level flow low
• player.js → Movement, collisions, dive behavior ior
• render.js → Drawing blocks, hazards, player, portal, etc. tc.
• levels.js → Level layouts + names + hints + themes mes
• particles.js → Particle/trail system tem
• sfx.js → Procedural audio effects cts
• script.js → Older prototype logic kept in repo epo

Notes

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