Main Menu

Tag Archives | JavaScript

…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]

…Super Mario Kart can be played in JavaScript?

Super Mario Kart

It might not be pretty, and you may only be able to race around the track forever against your two CPU opponents with no weapons or anything else to break up the monotony, but Nihilogic Labs has managed to create a working JavaScript demo of Super Mario Kart that includes three playable drivers and two different maps.

At this point, it’s just an experiment, and basically exists as a technical demo/proof-of-concept, but hey, it works, so go check it out.

[Nihilogic Labs – Javascript Super Mario Kart]

…Facebook’s Beacon can be blocked?

Facebook Beacon

As Facebook continues to grow, it continues to need new ways of making money from each of its users.

One of those ways is Project Beacon, where Facebook builds a page for an advertiser, and then links to it from various profile pages.

How does it create those links?

By monitoring what sites you visit, and then phoning home after you visit an advertiser’s site.

As expected, many users are not exactly excited about Facebook’s ability to watch everything they do, and are looking for ways to stop the Beacon.

Luckily, it’s as easy as using a JavaScript blocking plug-in in Firefox, and blocking the specific URL that Beacon uses.

Facebook Beacon Block

The steps are as follows:

  1. Download and Install the BlockSite plugin for Firefox.
  2. After restarting Firefox select ‘Add-ons’ from the Tools menu.
  3. Click the ‘Options’ button on the BlockSite extension.
  4. Click the ‘Add’ button.
  5. Enter http://*facebook.com/beacon/* into the input box.
  6. Click ‘OK’.
  7. Click ‘OK’ again and you are good to go.

It’s good to know that there’s always someone looking out for the little guy.

[The Idea Shower – Block Facebook Beacon]

[Via: Mashable]

…Wolfenstein can be a very small game?

Wolfenstein 5K

How small can you make a game of Wolfenstein? If you said 5K (5120 bytes) of JavaScript code, you’d be correct, but you probably already knew the answer, so yay for cheaters. Designed for the 5K Contest (the creator used all but one byte), Wolfenstein 5K is a remake of Wolfenstein 3D, one of the first first person shooters. The graphics are a little bare bone, but the action is all there (ok, the action is a little bare bones too, but it’s 5K, what can you expect?). Check it out, and appreciate the small.

[Wolfenstein 5K]

[Via: Kotaku]