1. A little hack I played around with - it’s a bit messy in the code, but you control a pink line and have to avoid smashing in to the other lines on the game - robots from your point of view.

    It’s multiplayer and draws to a canvas. It’s checking the canvas opacity of the pixel we just drew on to check for collision, pretty basic, but works.

    Tron gameTron game

     
  2. I ran an HTML5 API workshop for Web Directions @media this week and in the last 30 minutes of the workshop I hacked this together based on some of the technologies we had learnt from the day. It uses Web Sockets and the Canvas API to share drawings.

    The server can be a little unstable, so if it says it can’t connect, it might need a kick.

    It’s obviously not the sexiest looking thing, but the rawness comes from our 30 minute hack :)

    The server is run using node.ws.js.

    Just a couple of awesome examples from the hack:

    trainwreck