In this tutorial we will be exploring the CreateJS suite of libraries. CreateJS is suite of JavaScript libraries and tools for building rich, interactive. The script tag on line 4 includes the EaselJS library in our document so that we can work with it. We have a few options for how we do this: link to a local copy of . Refer to the GitHub repository for complete source code and a demo is available here. Other tutorials can be found on the CreateJS website.

Author: Vudor Mikara
Country: Qatar
Language: English (Spanish)
Genre: Photos
Published (Last): 27 June 2016
Pages: 89
PDF File Size: 3.95 Mb
ePub File Size: 10.46 Mb
ISBN: 982-1-37353-298-2
Downloads: 75695
Price: Free* [*Free Regsitration Required]
Uploader: Maumuro

EaselJS: Getting Started

The modular libraries are: A Brief Overview of Indigo. Provides Step-by-Step Guidance to Angular. These classes are included in the minified files of each tutoriial and are available on the CreateJS namespace. From Design to Code: Test in Production the Netflix Way. See the original article here. Join the DZone community and get the full member experience. Take a look at the official documentation to see how to create different shapes.


In this article, we introduce the JavaScript library suite known as CreateJS, and show you how to make some basic animations using one of it’s component libraries.

This can be done by Text objects of EaselJS. Each shape has a Graphics instance which is the interface to the canvas drawing system.

CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5

Refer to the GitHub repository for complete source code and a demo is available here. Integrate Feature Flags in Angular. It allows you to change color, alignment, size, font, wrapping, and other settings of Text objects. The modular libraries are:. This can be achieved through the following line of code:.

To draw a shape on the canvas, first, we will need to create a Stage object. Thank you for taking the time to read this article. Deploy code to production now. Introduction to CreateJS — Part 1. This canvas object will be used by the Stage ease,js for the rendering of display objects. Opinions expressed by DZone contributors are their own.

We will pass the canvas object, which we created earlier. For other geometrical shapes, refer to the code on GitHub.


Tools and Libraries, Part 3. Over a million developers have joined DZone. Web Dev Partner Resources. Similarly, the Graphics object provides several functions to create shapes. I came across the JavaScript library CreateJSwhich provides a suite of modular libraries that work together or independently to enable interactive content via HTML5. In my demoI have added a text above the shapes.

Stage is the root level container for display objects. Learn how to separate code deployment from user-facing feature releases with LaunchDarkly.

Introduction to CreateJS – Part 1

This Shape allows us to display vector graphics on the canvas. Recently I have easwljs attempting to build casual games. Release to users when ready. This can be achieved through the following line of code: This function will update the coordinates of shapes at the touch point and redraws the canvas.