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.

Make your JavaScript Application or HTML5 game protect itself with Jscrambler 4

Emanuele Feronato Game design, HTML5, Javascript, Monetize, Reviews

Protecting your hard work has always been a priority. In the making of your latest HTML5 game, you invested lots of hours in developing your JavaScript code.

Unfortunately, everyone can read it just looking at the source code of the web page your script is running into. In other words, you wrote a script you are basically giving away for free.

By accessing to your source code, another programmer can:

* Violate your license agreement
* Steal secret algorithms
* Steal your code, to reuse it
* Leak altered versions to the Internet

Do you know how I am protecting my hard written lines of code? With Jscrambler.

I already blogged about Jscrambler in this post and in this other post and I have to say it’s the tool I am actually using to protect my commercial work for two years and believe me when I say I do care about my code.

With version 4, Jscrambler introduces a lot of new features, including a full control panel with a lot of customizable options:

jscrambler

Let’s make a quick example with the code used int he post Understanding HTML5 sprite animation with Phaser.

This is the original code:

With no setting specified, you can use Jscrabler to remove comments and adjust indentationation. Useful for lazy people like me who still use PSPad which has limited code formatting options:

The magic happens when you check some protection options and get a really unreadable code:

The game still works but I dare you to make some kind of reverse engineering on it.

One more test we can do is to try to beautify the script with tools like JSNice to see if things become a little more understandable.

This is the output:

It’s surely more readable, or let’s say at least it provides a good spacing and indentation, but there’s till too much effort to put in if you want to make a reverse engineering of the code.

This is why I use Jscrambler to protect and optimize my projects and that’s why I recommend this tool.

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 11

  1. Jake Jensen

    I agree! I just started using Jscrambler for my new Phaser game and it’s saved me a lot of grief! Now I can have people test it out there in the wild without worrying about it being stolen.

  2. Matthew

    I looked at the JScrambler website, and unless I’m misunderstanding it seems extremely expensive. $85 per month gets you a maximum of 2 applications protected. So someone with a lot of commercial JavaScript games would only be able to protect 2 of them per month for $85, or 5 per month for $255.

    Is that right Emanuele?

    Would you mind telling us how much you pay JScrambler and how many games you are protecting with it?

    1. Post
      Author
      Emanuele Feronato

      You protect the application once, so if you are choosing the 5 applications plan you are developing 5 new applications each month.

      In my opinion, one application with 100 files should be enough

      1. Matthew

        I see, so the plan allows you brand new applications every month. That makes more sense. Thanks. They really don’t make that clear on their website.

    1. Post
      Author
    1. Post
      Author

Leave a Reply

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