Hyperplane Invaders

Space Invaders in 3D, played on a neon grid. Play it at dgrlabs.co/invaders.

Fifty-five invaders march across the grid toward your ship. Each time the formation reaches an edge it steps closer, and it speeds up as you thin it out. They're built from the original arcade sprites, one cube per pixel, so when you hit one it comes apart into its cubes. Explosions send ripples through the grid floor.

Controls

Key	Action
← → or A D	Move
Space	Fire
P or Esc	Pause
M	Sound on or off

On a phone or tablet the game shows touch buttons.

Scoring

The back row is worth 30 points, the middle rows 20, and the front rows 10. Hit four in a row without missing and your multiplier goes up by one, to a maximum of x8. A miss resets it. The saucer that crosses the back of the field is worth 50 to 300 points, and it drops a power-up (triple shot or rapid fire) that drifts toward you for 10 seconds of use if you catch it. Clearing a wave pays a bonus, and you earn an extra ship every 5,000 points. Your shields come back every third wave.

How it's made

It's one HTML file with no build step and no image or audio files. Three.js r147 draws the scene and adds bloom, and a final shader pass handles the color fringing, vignette, and scanlines. The grid is a shader that bends the floor wherever something explodes. Every sound is synthesized with the Web Audio API while you play, including the four-note marching bass from the original arcade game.

Files

• invaders.html is the source. It has no document skeleton because the claude.ai artifact host adds one.
• build.sh wraps it into index.html, a standalone page with a doctype and the dgrlabs.co accessibility tags.
• index.html is generated, so don't edit it by hand.

To play it locally, run python3 -m http.server in this folder and open http://localhost:8000/. The page loads Three.js from jsDelivr and its fonts from Google Fonts, so it needs a network connection.

License

MIT. See LICENSE.