html5 canvas or dom for online backgammon game
I'm starting to develop an online backgammon game. I 'm not sure whether to use html5 canvas or use dom and css. could you tell me the pros and cons of each approach for moving and animating pieces?
Board games like backgammon require very little animation, and/or fancy animations. In other words, it's a relative "simple" 2d game (relative to what's possible with both DOM manipulation and Canvas 2d context). I assume you want to make it in 2d. This means that you can use both methods to create the game; they will both do just fine. The real question becomes: which technique do you know more about, and do you prefer? If you don't know the answer to that, start investigating in both techniques. Read simple tutorials, play with some code and get the gist of both techniques. Then make your decision. Canvas pro: more advanced techniques available pro: easier to distribute to game portals con: a bit harder to master imo con: easy to fkcu it up (memory and performance wise) DOM manipulation See the canvas pros and cons, and revert them ;) Here a nice guide to canvas 2d context methods.
How to add new propertry in Kinetic js Object (ie. line, circle)
How to get an HTML element into KineticJS
How to hide all group children using kinetic js
Limit resize in Fabric.js
Where are the specs of HTML canvas globalCompositeOperation modes?
How to add a background picture to a Jit infovis spacetree
Covert QR code canvas to image
MouseOver and Mousedown inside a object
Using CreateJS to apply an alpha tween to a drawn line
Increasing canvas height at runtime in Fabric.js affecting object selectable and drag drop in IE9
Is it possible to get values from chart drawed on HTML canvas?
Moving the camera to look at a Plane Object
html5 canvas increase image size
optimizing code for future changes
Dart: SecurityError when getting ImageData from Context
Client Side Image Resizing - canvasResize add multiple file option