To create a sprite animation with KineticJS, we can use the Kinetic.Sprite() constructor which requires the following config object:
3.1.6 HTML5 Canvas KineticJS Line Tutorial
Posted on April 29th, 2012
by Eric Rowell
To create a line with KineticJS, we can use the Kinetic.Line() constructor which requires the following config object:
3.9.6 HTML5 Canvas Load Stage with JSON String with KineticJS
Posted on April 24th, 2012
by Eric Rowell
To save the stage as a JSON string with KineticJS, we can use the toJSON() method.
3.9.5 HTML5 Canvas Save Stage as JSON String with KineticJS
Posted on April 24th, 2012
by Eric Rowell
To save the stage as a JSON string with KineticJS, we can use the toJSON() method.
3.8.2 HTML5 Canvas Select Shapes by Name with KineticJS
Posted on April 23rd, 2012
by Eric Rowell
To select shapes by name with KineticJS, we can use the get() method using the . selector.
3.8.1 HTML5 Canvas Select Shape by Id with KineticJS
Posted on April 23rd, 2012
by Eric Rowell
To select a shape by id with KineticJS, we can use the get() method using the # selector. The get() method always returns an array of elements, even if we are selecting by id, and can also be used to select layers and groups.
3.7.4 HTML5 Canvas Stop Animation with KineticJS
Posted on April 23rd, 2012
by Eric Rowell
To stop an animation with KineticJS, we can use the stop() method. We can also restart the animation be again calling start().
3.1.11 HTML5 Canvas Complex Shapes Using Groups with KineticJS
Posted on April 22nd, 2012
by Eric Rowell
To create a complex shape with KineticJS, we can group multiple simple shapes together with Kinetic.Group(). Groups can also be used to combine other groups. HTML5 Canvas Complex Shape using Groups Example with KineticJS Open in new window Code Editor Next Chapter >>
3.6.5 HTML5 Canvas Stop and Resume Transitions with KineticJS
Posted on April 22nd, 2012
by Eric Rowell
To stop and resume a transition with KineticJS, we can use the stop() and resume() methods of a transition object.
3.6.4 HTML5 Canvas Transition Callback with KineticJS
Posted on April 19th, 2012
by Eric Rowell
To define a callback for a transition with KineticJS, we can set the callback property of a transition config config object to a function. HTML5 Canvas Transition Callback Example Instructions: Wait for the transition to complete Open in new window Code Editor Next Section >>
