April 28th, 2013 by Adrian
Instant KineticJS Starter
Create Flash-like mobile supported applications using KineticJS!
by Andrey Kovalenko
49 pages long
Published by Packt Publishing
- So, what is KineticJS
- Quick start – creating your first image editor
- Organizing your stage, layers, groups, and shapes
- Adding custom and ready-to-use shapes, images, and text to a layer
- Dragging-and-dropping items with configurable constraints and bounds
- Resizing, scaling, and rotating items
- Cloning and removing items
- Applying a filter to a selected image
- Animating selected shapes
- Cache nodes to improve performance
- Optimizing for use on mobile devices (iOS, Android)
- Saving a stage as an image
- Top features you need to know about
- Layering support
- Standard and custom shapes
- Selector support
- Event-driven architecture, drag-and-drop
- Serialization/deserialization, saving a stage as an image
- People and places you should get to know
The book starts off by explaining how to download and install KineticJS in to an empty HTML page. Then it jumps straight in to creating an image editor! I’m not sure this was the correct approach, but I guess the author was just trying to capture your interest early on (before you lost interest). I personally think it would have been better to build up to creating something like an image editor.
Anyway, the image editor is a reasonable application to use, as it allows the author to introduce various aspects of KineticJS using a real-world example. You can see from the contents list above what is covered in this example. The image editor takes us from page 7 through to page 24.
On page 25 the author goes in to a bit more depth on some of the topics you covered during the image editor build. See the contents list above to see what is covered. This continues through to page 48.
Occasionally the English grammar isn’t as clear to read as it could be, and I spotted a couple of instances where punctuation was missing, suggesting another round of proof-reading wouldn’t have gone a miss.
On the whole though it is a useful primer to anyone looking at using KineticJS for the first time, but a lot of the content is available for free from html5canvastutorials.com