Create HTML5 Vertical Endless Runner cross platform games

Using Phaser framework and other FREE software
Endless runner games are gaining more and more popularity and they are really easy to code.
I will take you by hand through the creation of a complete HTML5 vertical endless runner cross platform game with a lot of features and room for customization.
100 pages + 31 source code examples with a free update to come in a few days.

How to generate friendly URLs with .htaccess – part 2

Emanuele Feronato Tutorials

Once you read part 1, you should know how to have a friendly url to play a game in your Flash game portal.

In the previous example, I showed you how to transform this link:

into this one:

playing with .htaccess file

This is called “friendly” url, and now I’ll show you how to improve it. Starting from…

Your database game table

There are thousands of ways you can store your games data into your database, but all should follow a rule that in the table that stores your games information you have a column where you saved the game name.

No matter if you called the table “games” or “entries” or “bananas” and you called the column “game_name” or “title” or “apples”… you should have a table with all games with a column for the game name.

We can say the “game_title” column is a text one (or something that works in the same way) where basically you save stuff like this one:

Jamag: A simple one-word game name

Pillage the Village: A more-than-one-word game name

~TimedHouse~: A game name with one or more special chars, where in this example I am calling “special char” every character that is not an alphanumeric one

As every game developer is free to choose the name for his game, we must convert it in our standard way to name games.

There is not a right way or a wrong way, just choose your way.

I’ll clear this concept with an example. Let’s Google for a popular game like Desktop Tower Defense and you will notice that, as example, Kongregate’s urls is this one

while Jay is Games’ url is

It’s easy to see that the first one coded the spaces with a - whine the second one coded the spaces with a _

So it’s time to introduce you my own rule:

All non-alphanumeric characters will be removed, with the only exception of spaces that will be changed with a -. The string will be lowercased too.

No matter the rule you will follow, you will have to create a new column in your game table that will contain the “translated” name.

The following picture will show the “game_name” and the “translated_game_name” columns for the last 30 entries

once you updated your database, it’s now time to update your…

.htaccess file

In the previous example, our .htaccess file was

Now it’s time to add a line in this way:

Line 4, the new one, acts in the same way as line 3, explained in part 1, just waiting for the game string to redirect to

and that’s all for the .htaccess

Now, you can play Jamag in four ways:





As long as your play.php page detects if you are passing the id or game_url variable.

I did this way.

Hope you will find it useful

Stay up to date
Follow me on the social networks and never miss a post.

Official Emanuele Feronato Facebook page

Official Emanuele Feronato Twitter account

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

Comments 5

  1. ExtremePopcorn

    Apparently Google doesn’t keep URLs that end in id=… because of sessions, which makes this an even more valuable tool. Thanks a ton!

  2. Andre

    This is not working for me… I dont understand what is the problem because I have everything write in place but when i try to access my it redirects me to the 404 error page. if i access with user.php?n=zzzz it works

  3. Andre

    ok. i figured it out.

    but another problem. when i go to /user/blablabla it redirects me to user.php?id=blablabla

    how can I make this to stick to /user/blablabla and not redirect?

Leave a Reply

Your email address will not be published. Required fields are marked *