4D Slice Explorer

4D Slice Explorer is a browser-based 4D movement and collection game. Move in the visible XY plane, slice through Z and W, avoid obstacles, and collect every orb.

Live Site

Hosted for free on GitHub Pages:

https://danielhaggstrom.github.io/4dslicer/

Gameplay

• Movement happens across four axes: X, Y, Z, and W.
• Obstacles occupy ranges in Z and W, so the visible 2D slice changes as you move through higher dimensions.
• The run ends when every 4D orb has been collected.

Controls

• W, A, S, D: move in the XY plane
• Up, Down: change the Z slice
• Left, Right: change the W slice
• R: reset after collecting every orb

On touch devices, on-screen controls appear automatically.

Running locally

This project has no external runtime dependencies.

npm start

The local server prints the URL after startup. By default it serves the project at http://localhost:4173.

Verification

npm test

The test suite covers configuration validation, camera behavior, world generation guarantees, input lifecycle handling, and a canvas smoke test for the main game loop.

Tech

• Pure JavaScript and Canvas 2D
• No external dependencies
• ES module structure under src/

Deployment

This is a static site and is currently hosted on GitHub Pages:

https://danielhaggstrom.github.io/4dslicer/

Any host that can serve index.html and the src/ directory will work. The included server script is intended for local development and smoke testing.