Archive for the ‘Tutorials’ Category

Tutorial: Per Pixel Collision

Monday, September 28th, 2015

In this tutorial we will take a look at implementing per pixel collision detection. Resolving collisions at the pixel level offers more precision than traditional bounding box methods and allows for more advanced interactions. In this example, we'll be using it to move our character over some hilly terrain. If you want to peek ahead at the end result, check out the demo here. (more…)

Tutorial: Command Line Parameters in an AIR Application

Wednesday, August 20th, 2014

In this tutorial you will learn how to pass command line arguments to your Adobe AIR applications and how to retrieve those values from within your program. In order to demonstrate this, I'll be sharing a small program I wrote recently to assist in screencasting. The program simply displays a webcam feed in a window that gets its size via command line arguments that are passed in when the program starts. This allows for a simple picture-in-picture effect, and thus, I've named the program PiP. Let's get started. (more…)

Tutorial: High Score Table with Flash and PHP

Sunday, May 11th, 2014

In this tutorial we'll take a look at how to build your own high score system using Flash ActionScript 3.0 on the client side and PHP on the server side to handle database tasks. This is meant only as a starting point as we do not do much, if any, error checking or security checks on the data submitted to the database. I am not well-versed in PHP so if you are and notice some mistakes, feel free to point them out! (more…)

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

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.


Tutorial: Loading Images with JavaScript

Sunday, September 22nd, 2013

In preparation for the (still) upcoming Tetris tutorial, I decided to write a small tutorial for loading images with Javascript. This tutorial will show you how to build a bulk image loading utility that we will use to load the images for our HTML 5 Tetris game. (more…)

Video Tutorial: Intro to Away3D

Sunday, June 9th, 2013

In this tutorial you will learn how to set up a basic, 3D scene using Away3D. You will load and display terrain, a skybox, an animated 3D model and add user controls for the character and the camera from a 3rd person perspective. Full source code is also available here. (more…)

Tutorial: Debugging Native Extensions

Sunday, April 7th, 2013

I've written before about how to create your own native extensions for Adobe AIR, but what if you need to debug your extension? If you're doing anything but the simplest of projects, you're going to want to be able to debug the code on the native side, in addition to your AS3 code. The ActionScript side is (hopefully!) already taken care of by your IDE so this tutorial will focus on the native code. It's a pretty short tutorial, but also incredibly useful! (more…)

Tutorial: Multiplayer P2P Demo with AS3MUL

Wednesday, September 26th, 2012

A couple months ago I created a simple demo using the AS3 Multiuser Library. The post has generated very positive feedback and I've also received a few requests for a tutorial so here it is! In this tutorial you will learn how to build a basic multiplayer, p2p application. (more…)

Tutorial: Puzzle Game Basics with HTML5 and Javascript

Wednesday, August 1st, 2012

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

Subscribe to RSS feed FGS5 Badge