Working with text


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

Working with text

Text is really easy to do with the EaselJS Library. It's pretty identical to working with text in Canvas. Text, like shapes and bitmaps, is a child of the DisplayObject class, so it inherits animation methods and properties. That means that you can transform and animate it just like you can a shape. It also extends the DisplayObject class to add some text features, so let's take a look. I want to start 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.

My script file is already going to have a canvas object pointing to the EaselID in our HTML as well as a stage, and the stage is going to be set to automatically update. To create some text, first you create a variable and use the text class. Then you'll need to modify the text property of the variable you just created. We also need to add the sentence as a child of the stage. So let's go ahead and save this and preview it, and you can see the te...

Working with text
Video duration: 3m 0s 1h 28m Beginner

Viewers:

Working with text 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 ...