html5-canvas


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.

Related Links

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

Categories

HOME
hadoop
groovy
clojure
orbeon
xamarin.forms-listview
google-cloud-dataproc
addeventlistener
google-analytics-api
marketplace
vulkan
jscrollpane
html5-video
calabash-android
records
plc
jmespath
countdown
durandal-2.0
nsmutableattributedstring
snort
swig
nintex-workflow
liferay-aui
italic
azure-redis-cache
weather-api
desire2learn
paket
operator-keyword
file-manager
json-c
skyscanner
weebly
procobol
easy-digital-downloads
edeliver
hostname
wp-api
msysgit
virtualmin
strip-tags
ms-jet-ace
sharpziplib
lcov
mysql-error-1050
replicate
codeigniter-upload
dashing
webclient-download
cufft
uploadify
viewengine
pddl
php-opencloud
asp.net-authorization
linqtocsv
samsung-gear
materialdrawer
thinktecture-ident-server
mtp
boost-coroutine
cordova-cli
window-server
declaration
sigkill
bessel-functions
syndication-feed
nitrogen
nine-patch
mydbr
requiredfieldvalidator
sonata-media-bundle
nsusernotificationcenter
semantic-markup
memoization
capitalize
source-highlighting
hamlc
hudson-plugins
java-ee-5
symfony-2.2
hiphop
documentviewer
rpn
ria
media-manager
junitperf
bubble-popup
textboxlist
rails-3.1
myisam
drupal-gmap
drwatson

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App