BadFighter: The Baddest 2-Player Fighting Game Ever

Screen Shot 2013-12-19 at 3.33.39 PM

BadFighter is a two-player fighting game created by myself and Mike Allison for the Interactive 3D workgroup at ITP. We built it using Three.js and Physijs. The source code is available on GitHub and I encourage you to go check it out and help make our game better! If you don’t know where to start, I recommend Udacity’s Interactive 3D course, which was the basis of our workgroup.

We were inspired by “bad physics” games/mods like QWOP, Sumotori Dreams, The Life and Times of Qarpess and Carmageddon, and wanted to capture those awkward character motions while maintaining a quick and easy experience for players.

Grab a friend and play the game now!

How to Make Your Own Video Spokesperson Walkout Party

Screen Shot 2013-12-19 at 1.53.12 PM

There’s a surprising number of actors willing to walk out from the side of the browser window and talk about your website. Don’t they get lonely though? Hanging outside the edge of the frame, silently waiting for their chance, going over their lines, just hoping, praying, that someone will come visit. To the lonely video spokesmen and spokeswomen of the world, I say “wait no more! Your time is now!” I’ve invited a bunch of them to my Video Spokesperson Walkout Party. And man oh man are they a boisterous bunch! Here’s how to throw a Video Spokesperson Party of your own:

  1. Pick a seed page. This will form the backdrop of your party. This time of the year, I like a good old-fashioned Yule Log.
  2. Add the first spokesperson. A few of the walkout sites offer the ability to preview, but as far as I could find, only the one at exposes this functionality in a url-friendly format that will allow us to share it when we’re done. The only catch is that if your seed page contains a URL query string, we need to hide it because the VirtualLiveActors preview tool also relies on a query string to work. This is easily accomplished using or any other URL shortener.
  3. Shorten the URL. If we want to have multiple spokespeople at our party, we’ll need to paste the VirtualLiveActor preview URL back into the preview tool. Again, we’ll need to shorten the URL to remove any query strings.
  4. Add the next spokesperson. Select a new actor and if you like, change his or her position on the screen. Paste your shortened URL into the preview tool to generate a new preview URL.
  5. Repeat steps 3 and 4 until your party is happenin’!
  6. Go check out the party! Here’s one I made with the Yule Log background.