Comparing Canvas vs. EaselJS


show more Comparing Canvas vs. EaselJS provides you with in-depth training on Web. Taught by Ray Villalobos as part of the EaselJS First Look show less
please wait ...

Comparing Canvas vs. EaselJS

Drawing with Easel JS is different from drawing with Canvas. The EaselJS Library creates several useful classes, methods and properties including a stage class for managing the context, a graphics class for drawing graphics, a shapes class for managing transformations, and a ticker class for managing time. So let's take a look. Starting off with a basic template so if you haven't already make sure you watch the video on creating a template as well as a one on installing EaselJS. I'm going to open up the javascript file and inside init function I am going to create a variable the points to the canvas in our HTML document.

We gave our canvas tab in ID of Easel so we'll point a variable there. Now with Easel you can add graphics with a graphics class. Notice that EaselJS uses a CreateJS namespace right before the call to the class and namespace is text that's added when you use the class to prevent JavaScript from getting confused when different libraries u...

Comparing Canvas vs. EaselJS
Video duration: 5m 26s 1h 28m Beginner

Viewers:

Comparing Canvas vs. EaselJS provides you with in-depth training on Web. Taught by Ray Villalobos as part of the EaselJS First Look

Subject:
Web
Software:
CreateJS EaselJS
Author:
please wait ...