[valeri[µ]]

Getting Started with CreateJS


Год: 2014
Автор: Afshin Mehrabani
Издательство: Packt Publishing
ISBN: 978-1-78398-026-0
Язык: Английский
Формат: PDF/EPUB/MOBI
Качество: Изначально компьютерное (eBook)
Интерактивное оглавление: Да
Количество страниц: 102
Описание:

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.

Preface
Chapter 1: Installing CreateJS
Understanding CreateJS and subsets
Downloading CreateJS
GitHub
Understanding the Content Delivery Network
Setting up the libraries
The production environment
The development environment
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
The complete example
Chapter 4: Performing Animation and Transforming Function
Creating animations with CreateJS
Understanding TweenJS
What is tweening?
Understanding API and methods of TweenJS
Creating a simple animation
Scenario
Transforming shapes
An example of Transforming function
Understanding Sprite Sheet
Developing animations using Sprite Sheet
Chapter 5: Utilizing Caching in EaselJS
Exploring the caching feature of EaselJS
Understanding the cache method
Example of using cache
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
Index