The brilliant arcade game Defender now playable inside the favicon of your browser! The idea was to push the concept of generated favicons far and beyond and pack a thrilling retro shooter in 16×16 pixels.
DEFENDER of the what ?
Gameplay & Controls
The menace come from above! Protect the humanoid population from the waves of aliens coming to abduct them. Thankfully the shield of your Defender can take a few hit.
- N to shoot or start a game
- WASD or the arrow keys to move your Defender over the humanoid city
Behind the scene
The core of the game act as a state machine. Notice a few details such as the pause when this tab is not focused, and the resuming and game over transitions.
The game logic isn't really complex but remains true to the original Defender and provides enough action for 16×16 pixels.
The original game mechanics would make Defender of the favicon insanely difficult. Therefore a few adjustments were done : none of the enemies fire at you, your Defender got upgraded with a shield, and finally the Landers do not mutate into unstoppable war machines after abducting a humanoid but wander in your general direction.
Last words before blasting off
I tried to stay away from my usual size optimizations experiments, but I guess this little game still falls in that category. One day I will make something BIG. One day.
Other recent experiments
There are many experiments and projects like DEFENDER OF THE FAVICON to discover other here.
- MUSIC FOR TINY AIRPORTS AT WEB AUDIO CONFERENCE The Web Audio Conference 2018, held in September 19-21 in Berlin was a great mix of researchers, web developers, artists and performers presenting their projects. I had the chance to provide a deep dive into music for tiny airports, explaining how to generate hours and hours of music in a handful of bytes.
- MUSIC FOR TINY AIRPORTS 2/1 🛫 Celebrating the 40 years anniversary of Brian Eno's "Ambient 1: Music for Airports" with an homage written in 256 bytes with the Web Audio API.
- THEY COME AT DUSK 👺 A survival horror game for JS1k 2018, where you run away from dead miners as you hear your heart beat. Turn around using the arrow keys until all you hear is beeeeeeeep.
- 10 PRINT THEREMIN AT WEB REBELS A lighting talk about labyrinth generation and theremin instrument using the Web Audio API in 219 bytes presented at Web Rebels 2016.
- TINY AUDIO-VISUAL DEMOS AT JSCONF ASIA I had the honor to open the second day of JSConf Asia 2015 in Singapore with a talk and LIVE programming session about Tiny Audio-Visual Demos
- DRAGON PUNCH An itsy bitsy Dragon curve renderer in 121 bytes.
Don't be shy; get in touch by mail, twitter, github, linkedin or pouet if you have any questions, feedback, speaking, workshop or performance opportunity.