CSS
Space
Shooter
Instructions

Pilot your ship with the , , & keys

Shoot with space

Pause / resume with p

You have 3 lives.

Don't let the aliens get past you!

OKAY

About

CSS Space Shooter is an experiment in 3D rendering using only the DOM and CSS transforms. No canvas, webGL or images of any kind are used to render the game.

Sound effects, music and audio visualization is handled by the Web Audio API.

The background music is the second movement of Beethoven's 7th Symphony. It is streamed from SoundCloud via the SoundCloud API.

All code is available on GitHub.

You can read more about it in this article.

© 2014 Michael Bromley.

OKAY

Press space to start!

Loading...

This experiment might not work properly unless you run it in the latest versions of the Chrome browser. Sorry!