Free Sample
+ Collection

Getting Started with CreateJS

Afshin Mehrabani

Design and develop astounding animated web applications using CreateJS.
RRP $17.99
RRP $29.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781783980260
Paperback102 pages

About This Book

  • Enables you to design top-notch web applications with one of the best frameworks based on JavaScript
  • Illustrates the use of EaselJS API to customize and enhance performance of complex applications
  • Provides solutions to common problems faced by CreateJS users

Who This Book Is For

If you are a web developer with some experience in JavaScript development, and want to enter the fascinating world of feature-rich Internet applications with CreateJS, then this book is perfect for you.

Table of Contents

Chapter 1: Installing CreateJS
Understanding CreateJS and subsets
Building the source code
Chapter 2: Commencing with CreateJS
Exploring CreateJS
Working with events
Chapter 3: Working with Drag-and-drop Interactions
The scenario
Understanding the on function
Creating a drag-and-drop interaction
Chapter 4: Performing Animation and Transforming Function
Creating animations with CreateJS
Understanding TweenJS
Understanding API and methods of TweenJS
Creating a simple animation
Transforming shapes
Understanding Sprite Sheet
Chapter 5: Utilizing Caching in EaselJS
Exploring the caching feature of EaselJS
Understanding the cache method
Using cache in complex shapes and animations
Caching Bitmap
Chapter 6: Using Filters in EaselJS
Understanding the Filter class
Using the AlphaMapFilter class
Using the AlphaMaskFilter class
Implementing the BlurFilter class
Utilizing the ColorFilter class
Using the ColorMatrixFilter class
Chapter 7: Developing a Painting Application
Preparing the stage
Understanding the init function
Implementing the handleMouseDown function
Using the handleMouseMove function
Utilizing the handleMouseUp function
Downloading the source code
Chapter 8: Utilizing Vector Masks
Learning about vector masks
Using a vector mask with Bitmap images
Playing with vector masks
Chapter 9: Developing Your First CreateJS Application
Understanding your application structure
Developing the index.html file
Implementing the app.js file
Preview of the final application

What You Will Learn

  • Install and configure CreateJS
  • Implement the drag-and-drop interactions
  • Utilize HTML5 to develop complex animations with EaselJS and TweenJS
  • Improve animation rendering with caching techniques
  • Enhance pictures and shapes using filters like hue
  • Build a UI using CreateJS

In Detail

CreateJS is a popular, well supported JavaScript library used for web advertising, education, gaming, and cartooning.The CreateJS suite consists of different libraries that are designed to work independently or together to create rich interactive content on open web technologies on an HTML5 canvas. In CreateJS, the EaselJS API provides solutions for working with rich graphics and interactivity and integrates well with its tweening library; TweenJS.

Starting with the basics of CreateJS, you will learn how to create your first working web application. You will gain practical experience of utilizing features like drag-and-drop, caching, filtering, and painting, to build visually impressive web applications.

Filled with practical examples and extensive descriptions, this book starts by helping you with installing and configuring the CreateJS suite in different environments. You will then discover the EaselJS API and implement the basic objects and methods. You will progress to create animations in CreateJS using TweenJS and will learn to optimize the performance of animations for better rendering in different browsers.

You will also learn to use the Vector masks to create multiple layers on the canvas.Finally, you will gain the expertise to develop your own web applications, rich with stunning visual renditions and a hands-on experience of working with CreateJS.

This is a definitive guide for anyone who is planning to use the prolific CreateJS suite to develop compelling web applications.


Read More