Create a Nice and Simple Explosion Effect in HTML5 Canvas

You can greatly enhance the visual quality of your game by using special effects. In this article, I show you how to create a nice and simple explosion effect in HTML5 Canvas without using any external library.

You may think it’s complicated to create an effect like that from scratch, but it’s easy once you understand how it works.

Click to continue …

Save Game Data in Browser With HTML5 LocalStorage

If you close or refresh a web page, all your javascript variables are lost forever … unless you use HTML5 LocalStorage.

In this article, I introduce you to localStorage and how you can use it to save game data in the browser.

Click to continue …

Top Questions Every Good Game Design Should Answer

Good game design doesn’t necessarily mean describing every aspect of your game in advance. That would be a huge waste of your time.

You need to work efficiently, especially in early stages of development. There are a few important questions that your game design should answer, you can figure out the rest later.

Click to continue …

7 Mistakes That Will Make You a Better Game Designer

You can’t always do the right things, but neither can you stand back and be a spectator in life. If you want to become a better game designer you have to take action no matter what.

Here I present to you 7 mistakes and the lessons I learned that made me a better game designer and a better person.

Click to continue …

How to Handle Keyboard Input Like a Boss (Mootools)

This tutorial is about using keyboard input in your HTML5 game with the help of Mootools.

I present a very simple way to get you up and running with keyboard input, then I dive into a more advanced solution that tackles many common input problems in real-world HTML5 game development.

Click to continue …

4 Powerful Game Development Tools

When making a game, you want to :

  • Work efficiently and quickly
  • Easily organize and keep track of your ideas
  • See your game in action as soon as possible
  • Easily test if the final product matches to your Game Design

In this article, I present 4 powerful game development tools that you can use to achieve the 4 goals stated above.

Click to continue …

How to Draw a Checker Board Using HTML5 Canvas

In this tutorial, we will see how to draw a checker board using Canvas.

We’ll dive into Canvas drawing step by step.

You’ll discover how to setup a simple web page, draw a rectangle on canvas and finally implement an algorithm for drawing a checker board.

Click to continue …

Do these 5 Mistakes at the Risk of Boring Your Audience

Fun is the heart and soul of any successful game. Entertaining players is your main objective as a game developer. You have the privilege of taking people’s imagination to an extraordinary world away from their reality.

Here are 5 mistakes you should avoid at all costs if you want your game to be massively successful.

Click to continue …

7 Lessons Learned from the Development of PAIRWISE

After a year of improving myself in Game Design, HTML5, Javascript and CSS, I ended up with a lot of unfinished games and demos.

I decided it was time to make a complete and playable game. So I worked on PAIRWISE, a variant of Concentration. It took me about a week to have a playable game.

Here are seven lessons that I learned from this experiment.

Click to continue …

Sky Acrobat

Pilot your stunt plane to perform precision acrobatics. The skies are yours !
PLAY NOW

Last Update : January 17 2013

Release : January 17 2013

PAIRWISE

Unleash the unlimited power of your brain and train your memory while having fun !

Reveal similar pairs before time runs out.

PLAY NOW

Last Update : August 23 2012

Release : July 01 2012

Note : GameplayPassion Games are in HTML5 and are optimized for Chrome, Safari and Firefox (latest versions). They may not work properly on other browsers. Sound only works on Webkit browsers (Chrome/Safari).