Skip to main content

html5 games and native games

html5




which framework and why?
=====================================================================
http://www.createjs.com/#!/EaselJS

if  you are a html5 developer and looking for a fast and reliable library for you html5 projects(games+banners) then

easeljs be your first choice i am working from last two years with this great library and create almost five games running smoothly 60 framerate on both browser and tablets even i gained a stable framerate of 60fps on ipad2 and ipad retina display .

what should i follow while creating a html5 games with easeljs
===================================================

always use global declaration for reuse variables
1)
 http://www.typescriptlang.org/ 

javascript  classes :)


2)
http://wipetouch.codeplex.com/

all swipe of touch events you need for a complex game


3)
http://www.greensock.com/

a amazing tween library by greenshock

4)
http://indiegamr.com/easeljs-pixel-perfect-collision-detection-for-bitmaps-with-alpha-threshold/

a collision detection class between bitmap and animated sprites

5)box2d no need to explain a physics library for your gaming projects




the next in my book is

http://www.pixijs.com/

 a superfast 2d html5 gaming engine which provide webGL for web and ios



but when you are looking for more stable games mainly for ios and android then you need

switch to native or flash


starling is a flash as3 library for android or ios games

starling is a really fast  more fast then any webgl html5 library


http://gamua.com/starling/


nape is a open source physics library fully supported by starling



http://napephys.com/


using nape+starling for a physics game


when working with flash i found similar native api for ios and android game development

such as

http://gamua.com/sparrow/

a native development small library for ios games  when provide all you need for a fast and cool game


http://www.cocos2d-iphone.org/

best open source for ios native development now cocos2d3 have built in physics support yeah chipmunk is added to this cool engine.


sprite kit 

Sprite Kit provides a graphics rendering and animation infrastructure that you can use to animate arbitrary textured images, or sprites.

one of the coolest and easiest framework

provide all you need to create a game.






Comments

Post a Comment

Popular posts from this blog

Better Memory management with PixiJS or How to manage cpu and cpu memory in PixiJS.

PixiJS is my favorite framework when i am looking for a web games specially for mobile or desktop  PixiJS is fast blazing fast and you can get a decent FPS even on older device.   so here is my optimization techniques for PixiJs 1. manage your sprites in a better way use spritesheet to reduce the draw calls create big sprite sheet which contain multiple sprites can be draw in gpu with a single draw call. use TexturePacker  https://www.codeandweb.com/texturepacker  best tool when its comes to spritesheet 2. for floating point calculation round off calculation for example let  speed = 0.75 ; let  position = 100 ; console . log ( Math . round ( speed * position )) 3. don't create very big canvas when u need a big canvas size game just try to create a small canvas and translate it. 4. its very important one managing TextureCache in memory you can get all TextureCache list by using  Object.entries(PIXI.utils.TextureCache); so even you use ap...
Post a Comment
Read more

adding particles Effect in pixijs using https://pixijs.io/pixi-particles-editor/

adding particle in pixijs is very easy using the below tool more information can be found below https://github.com/pixijs/pixi-particles https://pixijs.io/pixi-particles-editor/ required packages  /// < reference path = "node_modules/pixi-particles/ambient.d.ts" /> import 'pixi-particles' code of particle delcare a     global variable   private emitter ?: Emitter ; const img = PIXI . Texture . from ( "./assets/images/particle.png" ); this . emitter = new Emitter ( this ,[ img ],{ "alpha" : { "start" : 0.62 , "end" : 0.39 }, "scale" : { "start" : 0.1 , "end" : 0.9 , "minimumScaleMultiplier" : 1.25 }, "color" : { "start" : "#ffff8f" , "end" : ...
Post a Comment
Read more