If you've been following me for any length of time, you probably know that I'm a big NHL fan. As such, with the 2015 NHL draft today in Florida, I decided to try my hand at creating a draft simulator. The program simulates the first 2 rounds of the draft, but it was more complex than I thought going in. In this article, I'll discuss how it works and the challenges I faced with development, as well as ideas for improvements in future versions.
Archive for the ‘HTML5’ Category
Spent some time with the three.js library this afternoon and created a little terrain morphing demo which you can check out here. It's a fairly simple demo; just press the Up arrow on the keyboard and the terrain will gradually transform itself according to a new set of random values. You can do this as many times as you want, but you have to wait for the current morph to complete before starting a new one. Pretty neat!
Check out the terrain morphing demo for yourself!
I'm going to be using the completed code from the previous tutorial as the starting point. If you haven't checked out the puzzle game basics tutorial, you should do that now and then come back here when you're finished. If you're ready to go, continue on! (more…)
It's a doozy, so you may want to break it up into multiple viewing sessions or make sure you've got time to spare.
A couple weekends ago I decided to take a small break from my current game and dive a bit more into HTML5 gaming. And what better way to cut your teeth on a new technology than to create a gaming classic? Of course this means I ended up making a Tetris clone as a weekend project. I learned quite a bit on this project and am happy to report that the game runs great in the desktop browser and also on mobile devices. To be fair, I've only tested it on the iPhone 4S and a couple of Android phones, but I think it turned out really well.
For now you can check the game out here, but expect a tutorial in the near future!
If you've played many online games, you've probably seen the puzzle simulations where an image is cut up into pieces and randomly arranged. The goal is to click pieces and move them to reform the original image. In this tutorial you will learn the basics of how to create this type of game. If you want to take a sneak peek at the finished product, you can do so here. (more…)
WebRTC is a new technology that brings real-time communication capabilities to your browser without the need for plugins. In this tutorial you'll learn how to set up a webcam stream and copy images from it to an HTML5 canvas element. (more…)