Four excellent Javascript Frameworks for developing your own games

Whether to carry out a childhood dream, change careers or just understand how it all works, creating a rudimentary video game is something very interesting, but also quite complicated. To help you during your first steps, I propose you to discover this little list of 4 JavaScript framework starting with my favorite. Enjoy.

Playground.js

Playground.js is one of my favorite JavaScript framework for game development, because its operation is one that comes closest to what you can do in Ruby or Java.

This framework provides an organization mainly built around two methods: step and render. The first is your main loop, and the second takes care of updating the display. This process is quite similar to the ruby Gosu library.

From a functionality standpoint, Playgroundjs offers a simplified keyboard support, mouse, but also joysticks, which is very nice. It also provides a simplified API to manage the use of sounds, as well as cutting its application in the form of “states”, which are the screens that make up our game (main menu level, range over etc.).

Finally, Playground has the advantage of being completely agnostic with the display. The basic version comes with CanvasQuery (roughly the canvas with chaining and a few more features).

If you do not have any prior HTML5 knowledge but a strong background in development. I think Playground is interesting to start for its very operation “nature” and practically nothing is done behind your back. This will help you to understand how your application works and eventually move to a more automated framework.Playground js

 

Phaser

Phaser framework is based on HTML5 and people consider it even better than Playgroundjs. You can apply tweens directly to your objects, which is awesome. They have step by step tutorials on how to develop games with this framework that is really helpful.

I can’t say any more about this framework because I did not use it enough. Check it out for yourself.phaser js

Panda.js

I have tried pandajs very briefly and did not dwell on it. This framework offers a very high level of functionality such as management of particles, light, or severity, but its lack of clear documentation which is a serious obstacle to its adoption.panda js

 

Quintus

Same as Panda, I did not use Quintus, and, therefore, can not give my opinion. If someone has any useful experience about this framework, please tell us in the comment below!Quintus js

WBD Team

Our excellent WBD team working day and night to put together best content for you.

You may also like...

  • Kenneth

    While i appreciate that you took the time to write this article, it reads as though you essentially review only one framework. Im a bit confused, you seem to only have used playground.js and are amazed by it. You seem to lack knowledge about the rest, stating that your experience has either been minimal or not good. My question to you is, why did you write an article ‘reviewing’ four frameworks, when really its a summary of three and a review about one. It would be much more informative if you would have just written an article about playground.js, rather than mention other frameworks that have a lot of buzz and because of that are considered ‘excellent’. From reading this, i get no knowledge really about any of the other three.

    Sorry if i come across a bit harsh, i liked the part about playground.js. I felt mislead by the title.

    • Thanks for your suggestion. We will keep that in mind in the future.