Tag Archives | Data: URI

…It’s TGI Friday: Defender Of The Favicon?

Defender Of The Favicon

Defender Of The Favicon is definitely the smallest game ever featured on DYH.

Designed as a test to see how far you can push the concept of a generated favicon, the idea was to pack a retro shooter into 16×16 pixels using JavaScript, Canvas and Data: URIs

From start to finish, the game took just three nights to complete.

To get everything working: Each frame is generated on the fly in JavaScript into a 16×16 canvas element, then converted to a 32bits PNG images and used in place of the Favicon.

    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.

[Defender Of The Favicon]