Matthew Casperson

States & Double Buffer Rendering in Flex 4.0

In part one of the series we created the initial Flex application class. In part two we will be adding states and a double buffered rendering process.

Jumping and Falling - JavaScript Game Development

Now that we have a player that can run and collide with the level, we give the player the ability to jump and fall.

Parallax Scrolling with the Canvas Element

Parallax scrolling is a technique that gives the illusion of depth to a 2D application. See how easily it can be implemented building off the framework that we have just created.

Shading in Papervision 3D

With the help of the Papervision 3D engine, you can create various shading effects for your Flash gaming project. Read on to learn more.

Creating the Game Framework

Now that we have seen how the canvas element can be used, it's time to start creating the framework that will be used as the basis of the final game. In part one we look at the first two classes/files that need to be created.

Adding Powerups

At this point we have the basics of the players interaction with the level established. Now it's time to add some powerups.

Putting it all together

Now that we have seen how to create some of the individual elements that make up the platformer game, like animations, parallax scrolling backgrounds and keyboard input, lets put it all together so we can get an idea of what the final game will look like...

JavaScript keyboard input

We add some keyboard interaction, allowing the player to move a character across the screen.

Animations

Here we add the ability to display animated objects on the HTML canvas element

Defining a level

The last article showed what that final game would look like with an animated character you could control and a scrolling parallax background. Lets see how to add some obstacles for the player to interact with.