Skip to main content

Which Gaming framework needed when and how to use a rightframework for gaming based on client requirement

Mobile gaming and web Gaming these day's are a big market. so how to choose a right framework here are some point to remember.

 situation 1->you need to run your game on web and mobile too but performance is second priority then you should choose either canvas or webgl there are tons of   webgl and canvas framework around there i would talk only which i haven used in my past.

 1. Pixijs
   link-http://www.pixijs.com/
example:-https://pixijs.io/examples/#/basics/basic.js

 pixijs is a small renderer which uses canvas fallback to run your content on both mobile device and web. so first question comes to your mind what is canvas fallback canvas fallback means its tried to run your content on webgl (which run's really fast on gpu) if there is no webgl support its run's your content on canvas.

 Benefit of using Pixi Js.

 1. it's really easy to use if you are a flash developer or from a gaming background.

 2. it's really fast and tried to run your content at 60fps.

 3. container is base display class with empty content. and you can add as many container as you want and its added little or no gpu/cpu overhead.

 so add a container like this->

 var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
document.body.appendChild(app.view);

 var container = new PIXI.Container();

 app.stage.addChild(container); 

 example link:- https://pixijs.io/examples/#/basics/container.js

 4. another class is sprite which extended container class sprite class accepts a texture or a img and display visual of stage.

 5. pixijs comes with all type of utils such as:-
   1. container class to handle group of sprite.
    2. sprite class to handle display visual using .png .jpg or spritesheets.
    3. spritesheet animation to handle 2d frame based animation. 
    4. fully spine support handle bone based animation.
    5. a fully graphic api to handle all shape creation.
    6. full support for texture package so you can use spritesheet or textureatlas to reduce memory overhead.
    7.rendertexture which can convert a graphic to texture and can be treat as a reusable item.
    8. bitmap font support
    9. filter for effects
    10 . all type of masking
and many more
 check out this:-https://pixijs.io/examples/#/basics/container.js

 Performance Tips

 https://github.com/pixijs/pixi.js/wiki/v4-Performance-Tips
    
continued next-> cocos creator js

Comments

Post a Comment

Popular posts from this blog

Creating a word Scramble game where you can drag and drop the word and create a complete word. (drag and drop word Scramble game).

Creating a word game using  phaser game engine which is a javascript based gaming engine  where u can drag and drop world like Word Scramble Game and complete a given word. your index.html file look like below < html > < head > < script src = "src/phaser.min.js" ></ script > < script src = "src/wordGame.js" ></ script > < script src = "src/main.js" ></ script > </ head > < body > </ body > </ html > 1.    <script src="src/phaser.min.js"></script> required to run the  phaser game engine. 2. rest of the two files deals with game logics      <script src="src/wordGame.js"></script>       <script src="src/main.js"></script> you can download whole project from https://github.com/manishchauhan/wordgame/tree/master just copy and paste the project in your local server and run ...
Post a Comment
Read more

starting with three.js and react with a very simple example

 1. three.js is undoubtedly the best library to create interactive content for the web in 3d. link https://threejs.org/ a working sample of three with react can be found below https://stackblitz.com/edit/react-7n5qf9?file=src%2FApp.js why choose threejs 1. lightweight  2.fast 3.big community  https://discourse.threejs.org/ 4. even you can use unity or unreal to publish html5 content but i don't think that would be acceptable in many cases. 5. open-source project. i created a running sample with React  https://stackblitz.com/edit/react-7n5qf9?file=src%2FApp.js
Post a Comment
Read more

A simple binary search tree with generic approach tree can store any type of data. (DFS and BFS)

 1. a binary search tree in c++ using a generic approach with both BFS and DFS approach    working tree    https://www.onlinegdb.com/edit/HkuQLdA-w code=> some properties of binary search tree-> 1. binary search tree is not always a balanced tree.  2. Inorder, traversing gives you sorted data.  3.  best is o(log n) and worst is O(n).  4. left node data is always less than root data and right node data always be greater than root data.  5. red-black tree STL map is a balanced binary search tree. *******************************************************************************/ #include <stdio.h> #include<iostream> #include<queue> using namespace std; template < typename T > class Node {   //can store any type of data private:   //genric data or store any type of data   T data;   //reference of left pointer   Node *left = nullptr;   //reference of right pointer   Node *rig...
Post a Comment
Read more