Understanding basic fills and colors


show more Understanding basic fills and colors provides you with in-depth training on Web. Taught by Ray Villalobos as part of the EaselJS First Look show less
please wait ...

Understanding basic fills and colors

EaselJS lets you create fills in a way that is super similar to Canvas. There's ways to generate colors programmatically and options to create solid, linear, and radial gradients. So let's take a look. I am starting off with a basic HTML template. So if you haven't already, make sure you watch the video on creating a template and installing EaselJS. I am going to go to my script file and add a canvas variable that's going to point to our Canvas tagged in our HTML document that has an ID of easel.

So I am also going to add a stage variable. The stage variable is something that EaselJS uses to place objects. We will pass it along the canvas variable we just created. So the next thing you'll need to do is update your stage. That's going to draw any elements inside the stage. Right now, the stage is going to be empty, but let's go ahead and update it anyways. To place something on the stage, you have to create a shape using the shape class and add it a...

Understanding basic fills and colors
Video duration: 7m 57s 1h 28m Beginner

Viewers:

Understanding basic fills and colors 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 ...