EaselJS First Look

with Ray Villalobos
please wait ...
EaselJS First Look
Video duration: 0s 1h 28m Beginner

Viewers:

EaselJS is a free JavaScript library that makes creating interactive web content for HTML5 more straightforward and intuitive. This course transitions web designers, animators, and content creators who may be used to working with Adobe Flash and ActionScript to this new open web standard. Author Ray Villalobos first explains the capabilities of the EaselJS framework and the HTML5 Canvas element, and what they mean for web design. The rest of the course shows how to use EaselJS's helper classes and hierarchal display list to load images, draw, animate, and handle mouse input from visitors.

Topics include:
  • Installing EaselJS
  • Understanding how Canvas draws and animates
  • Drawing lines and strokes
  • Drawing with graphic primitives
  • Using the chaining and compacting commands
  • Animating shapes
  • Working with text
  • Importing bitmaps and vector graphics
  • Working with sprite sheets
  • Handling mouse events
Subject:
Web
Software:
CreateJS EaselJS
Author:

Welcome

Hey there! This is Ray Villalobas and welcome EaselJS. In this course I'm going to show you how to work with the Canvas Framework called EaselJS. I'll started by showing you how EaselJS is part of the larger library of products called CreateJS, plus how to create a template and install the Library. I'll show you some of the differences between working with the Canvas Element and some of the advantages of EaselJS. Then we'll examine how to handle some traditional canvas tasks with EaselJS like drawing lines in strokes, rectangles, and some of the unique graphic primitives that ship with the library.

We'll also explore how to transform and animate shapes, work with text, import bitmaps, spreadsheets and vector graphics. Finally, I'll show you how to track mouse movements and handle other mouse events. We'll be covering all these features and more. So let's get started with EaselJS.

There are currently no FAQs about EaselJS First Look.

please wait ...