Instant KineticJS Starter

Create Flash-like mobile supported applications using KineticJS!

Overview

• Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
• Create your own HTML5 graphical editor
• Animate and manipulate elements on the Canvas
• Provide mobile device support to your applications

In Detail

Adobe Flash has been around for a number of years., but iOS was released without support for Flash on mobile devices. Flash is very expensive as a hardware resource and as an alternative HTML5 Canvas took its place. It is not very easy to develop with pure HTML5 Canvas, so KineticJS is really helpful to create applications much faster.

"Instant KineticJS Starter" is a quick start for HTML5 interactive application development. With this book in hand you can create Flash-like applications with KinectJS and 10 times faster at that. You can run your applications on Android and iOS devices without performance problems.

"Instant KineticJS Starter" takes you through the KineticJS functions available, and explains how to use of the most important among them. It will take you through a number of clear, practical steps that will help you to take advantage of the new HTML5 Canvas library, quickly and painlessly.

You will also learn how to build your own graphical editor using KineticJS. You will take a look at the basics of the library and will explore some functions in detail. You will learn how to create custom figures, change the colors, borders, and other styling options. You will also take a look at picture processing; resizing, scaling, and rotating. We will apply Instagram-like filters to the images, as well as learning how to apply an animation effect. If you want to take advantage of the new HTML5 Canvas features with KineticJS, then this is the book for you.

You will learn everything you need to know to build HTML5 Canvas applications with KineticJS, as well as how to configure them to support mobile devices.

What you will learn from this book

• Quickly build your first KineticJS application
• Organize your application
• Tune performance
• Learn layering support
• Get to grips with standard and custom shapes
• Implement the filtering of images
• Apply animations
• Drag-and-drop elements and style objects

Approach

Get to grips with a new technology, understand what it is and what it can do for you, and then get to work with the most important features and tasks.

This is a Starter guide that will quickly get you started building HTML5 Canvas applications with KineticJS.

Who this book is written for

Are you a developer looking to get a quick start without going deep into HTML5 Canvas standard? Then this book is for you. It’s assumed that you will have some experience in HTML and JavaScript already.