Get into KineticJS development with Instant KineticJS Starter book

[Mike]

KineticJS is an HTML5 Canvas JavaScript framework that enables high performance animations, transitions, node nesting, layering, filtering, caching, event handling for desktop and mobile applications, and much more.

 

More info:

http://www.emanueleferonato.com/2013/04/10/get-into-kineticjs-development-with-instant-kineticjs-starter-book/

 

The book itself::

http://www.packtpub.com/kineticjs-for-flash-mobile-application/book

 

KinectJs:

http://kineticjs.com/

[Chris]

I know the KineticJS lib from over at http://html5canvastutorials.com/ - that was the place where I started learning to work with the canvas element.

I highly respect the work of this guy and am surely going to use his lib for a game when I have time for it.

[rich]

I love his site as well, used it a lot when I was starting out too. KineticJS is really great in terms of features and speed, it has some incredible things added in there. But I just hate the 'magic object' approach it uses i.e.:

 

var rect = new Kinetic.Rect({        x: 239,        y: 75,        width: 100,        height: 50,        fill: 'green',        stroke: 'black',        strokeWidth: 4      });

 

I understand totally why it does it like this, but the thought of creating so many new objects in a tight game loop worries me, along with no code-completion support from my IDE, meaning I'd have to remember every single thing that may possibly go into the objects, or worse maybe typo one and not even realise it.

 

I know lots of devs have no issues with this approach though. So for them it's a great library to consider.

[gamingthinktank]

Here is a two part tutorial on HTML5 game development with Kineticjs framework. This tutorial heavily use technical diagrams and charts and storyboards to describe game development process in detail. A fully functional sample Snake game is developed as you proceed.

 

Tutorial Part 1, The Concept: Snake game using HTML5 Canvas and KineticJS

 

Tutorial Part 2: Snake game using HTML5 Canvas and KineticJS