Drawing with other graphic primitives


show more Drawing with other graphic primitives provides you with in-depth training on Web. Taught by Ray Villalobos as part of the EaselJS First Look show less
please wait ...

Drawing with other graphic primitives

EaselJS has methods for drawing rectangles just like Canvas, as well as methods that make it easier to draw things like circles, rounded rectangles or polygons and stars. 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 JS. I have done a lot more prep on my JavaScript file, so I have already set up my canvas and stage variables. I have also set up some basic strokes for the graphics we are going to create. So make sure you watch the movie on defining lines and strokes.

EaselJS gives you two methods for creating rectangles; you can create regular rectangles or rectangles with rounded edges. For all rectangles, you specify the beginning X and Y positions as well as a width and a height. For round rectangles, you can either specify a radius for all borders with the drawRoundRect method, or the radius of each edge with the method called drawRoundRectComplex, s...

Drawing with other graphic primitives
Video duration: 7m 14s 1h 28m Beginner

Viewers:

Drawing with other graphic primitives 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 ...