A beginner, choosing Phaser as the game framework!

Hello!

While I got an opportunity to develop games under Google Summer of Code '17 under Sugar Labs, I looked into many HTML5 and JS frameworks. A curated list of JS frameworks by GitHub can be found here.

To filter them out, the following are the available 2D game frameworks,

Phaser.io
Phaser is an open-source JavaScript framework for writing 2D games. It uses Canvas or WebGL if available.

Pixi.js
Pixi.js is a rendering library to create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

CoCos2D-HTML5
Cocos2d-html5 is a cross-platform 2D game engine written in JavaScript, based on Cocos2d-X and licensed under MIT.

And a few more.

I have considered the following points to choose a framework.

1) The framework is OpenSource.
[Most of the chosen ones are!]
2) It has an active community and has an active forum with answers for the frequently asked queries.
3) A well written guide or tutorials to develop games using it.
4) This point has a higher priority for me being a student from Non-CS background. There should be more examples available for me to look at and learn the best practices ( :p ) and develop the games with a good code-quality.
[Phaser fits well through all the above points and have lots of examples and guides to learn with an active community support!]
The points mentioned above did not dwell well into the technical details of the frameworks as I am a beginner to it. I shall once again make a post on the same topic after I get a grasp over the features that are required to develop a game productively.

Until then, its a summer of code using Phaser! :)





Comments

Post a Comment

Popular posts from this blog

Tell me the square of 65 in 5 seconds!

Image
Hello, As we make progress, we have our first game in place. The concept of the first game is explained below. Trick 01 : Square of any number ending with 5 Let us find the square of the any number ending with 5. Say x5. Step 01: Think of the number next to x.  Step 02: x * number next to x  Step 03: Put 25 at the end of the answer  Answer = Step 02 | 25 = x * ( x + 1) | 25  Example: Question: (45) 2 Step 01: Next number to 4 is 5 Step 02: 4 * 5 = 20 Step 03: Put 25 at the end of the answer Answer = 20 25 Implementing this game wasn't not our prime concern. We were more involved in defining a framework to implement as many tricks as we can. In that attempt, we have developed our first game. The learning was huge. Being the first one to be developed, we had overcome many difficulties and and also learned a lot. Few screenshots of the game are as follows, Initial menu screen Game screen Following this post, a short tutoria...
Read more

Why do the tricks work?!

Image
Hello all, It's been some time posting my updates here. With learning the tricks to solve the problems quickly,  the mentors suggested that it would be better if we can help the learner to understand the actual math behind the trick. That will help them to learn and explore more. Taking the valuable suggestions, a new part called "curiosity clicks" has been added to the activity. Let that evolve in time in this weeks, but before getting to that, we will see the math behind few math tricks we saw in the last post. 1) Square of a number just below 100. 2) Multiply any number with 5. 3) Multiply any number with 9. 4) Multiply any number with 11. 5) Square of any number ending with 5. 6) Square of any number just above 100. You may please test the being developed activity here and also the code repository here .
Read more

Test the Vedic math tricks

In this post, we shall go through few tricks that you can learn here and test yourself in the being developed game. The learning suite will be merged with the game very soon. It is still being developed. Trick 01 : Square of numbers just below 100 Let us find (x) 2 . X is just below 100. Step 01: Find the difference between 100 and this number. Step 02: Now, Subtract the difference from the number (x). Step 03: Find x 2 Answer = Step 02 | Step 03 Example: Question: (96) 2 Step 01: Difference is 4 (100 - 96 = 4) Step 02: 96 - 4 = 92 Step 03: (4) 2 = 16 Answer = 92 16 Trick 02 : Square of numbers just above 100 Let us find (Y) 2 . Y is just above 100. Step 01: Find the difference between the number and 100. Step 02: Now, Add the difference to the number (y). Step 03: Find y 2 . Add Answer = Step 02 | Step 03 Example: Question: (104) 2 Step 01: Difference is 4 (104 - 100 = 4) Step 02: 104 + 4 = 108 Step 03: (4) 2 = 16 Answer = 108 16 Trick 03 : Multiply a number by 9...
Read more