The Javascript Adventure

It was a quiet summer day, I was programming a game prototype in C++ while listening to a violin concerto.

I read an article about Javascript. I didn’t know anything about that language. Well almost nothing, I did some Javascript programming back in school, but it was simple web page manipulations. My ignorance didn’t bother me, and I didn’t need Javascript anyway.

I was happy with my C++ and Java skills. I didn’t know that a different philosophy existed out there, and I didn’t care … until I discovered web development and the wonders you can create with Javascript and HTML5.

I attended a conference by Google in Rabat back in 2011, that’s where my little programming world literally collapsed. I saw many awesome experiments : 2D and 3D games, one-page applications, 3D animations with real-time rendering, all on web browser. I was mesmerized by the awesome opportunities offered to me through Javascript and front-end web development in general.

I know that web development is not only about Javascript. But let’s talk about that for a moment. In retrospect, learning Javascript has literally changed my life. I became a better programmer because of it, and perhaps also a better human being.

This article is a brief and informal description of my little “adventure” with Javascript.

Click to continue …

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 …