Posts Tagged ‘js’

NHL Draft Simulator

Friday, June 26th, 2015

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.

NHL Draft Logo 2015

(more…)

Terrain Morphing with Threejs

Monday, July 14th, 2014

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!

Tutorial Update: Puzzle Game Completion with HTML5 and Javascript

Wednesday, March 26th, 2014

One of the more popular tutorials on the site is the Puzzle Game Basics with HTML5 and Javascript piece. Over the last few months I've had a lot of requests asking how to detect that the player has correctly ordered all the pieces. That's what we're looking at today. As you'll see, it's rather simple to implement!

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

Goodbye 2013, Hello 2014

Wednesday, January 1st, 2014

Here we are facing a brand new year ahead. It seems like not long ago I was writing about what I wanted to achieve in 2013 as 2012 came to a close. I love the new year, its good to take some time to reflect on what we've been doing and also on what we wish to accomplish in the future. I'm not quite sure why, but it feels like starting with a clean slate every time. To that end, here's a look at the year that was 2013 and what will be 2014 in my development life. (more…)

Video Tutorial: Tetris with HTML5 and JS

Sunday, December 8th, 2013

In this tutorial you will learn how to create a simple Tetris clone using HTML5 and Javascript. In addition to keyboard control, you will implement touch interaction so that the game can be played on mobile devices such as the iPhone and Android phones.

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.

(more…)

Tutorial: Particle Basics with HTML5 and Javascript

Thursday, November 1st, 2012

With the holidays coming up and the weather turning cooler, I thought it would be fitting to do a basic, winter-themed tutorial on particles with HTML5 and Javascript. In this tutorial you will learn how to use the HTML5 canvas element and Javascript to create simple particles for a nice, soothing snowfall effect. If you want to see the finished product, you can do so here. Now let's get started! (more…)

Finally! No betas! Flash and Kinect using the version 1 SDK

Sunday, February 19th, 2012

Out of all the articles and tutorials I've written, by far the most popular have been the Flash and Kinect pieces. Since the February 1st release of the version 1 Kinect SDK, I've gotten quite a few questions about how to get Flash working with Kinect again. Many readers were having trouble with the old tutorials which no longer work as they were based on the beta release of the SDK. I decided to take a break from my current project this weekend and throw together a quick Kinect to Flash demonstration with the new SDK. This isn't a tutorial, but you can download the source files and see how it was made! (more…)

Tutorial: HTML 5 Space Shooter Part 3

Sunday, January 15th, 2012

Welcome to part 3 of the HTML 5 Space Shooter tutorial series. If you haven't already, I'd recommend checking out parts 1 and 2 before jumping in here. We're going to pick up where we left at the end of the last tutorial and implement enemies and collision detection. Let's get right to it! (more…)

Tutorial: HTML 5 Space Shooter Part 2

Saturday, January 7th, 2012

In part 2 of this series we're going to be adding a player ship and the ability to control that ship. If you're just joining us, you'll first want to check out part 1 where we set up a scrolling starfield which serves as the background for the game. (more…)

Tutorial: HTML 5 Space Shooter Part 1

Sunday, January 1st, 2012

Happy new year! 2011 was a fantastic year for me and I hope it was for you as well; hard to believe 2012 is here already! I figured a new tutorial would be a great way to start off the year so here you go: part 1 in a series on creating an HTML 5 shooter using EaselJS! (more…)

Subscribe to RSS feed FGS5 Badge