Add HTML5 Animation to Your Web Pages Using CreateJS

Add HTML5 Animation to Your Web Pages Using CreateJS, available at $39.99, has an average rating of 4.4, with 34 lectures, based on 36 reviews, and has 497 subscribers.

You will learn about Know How to Install, Bootstrap and Test the CreateJS CDN Learn How To Assess Animation Performance Issues Understand the Capabilities in the Suite of CreateJS Libraries Learn to EaselJS Library to Draw on the HTML5 Canvas Learn to TweenJS Library to Animate on the HTML5 Canvas Understand Animation Easing Formulas Know How to Draw and Animate EaselJS Text Learn How User Mouse Interactions Work This course is ideal for individuals who are Web Animators or Actionscript Developers or Web Developers It is particularly useful for Web Animators or Actionscript Developers or Web Developers.

Enroll now: Add HTML5 Animation to Your Web Pages Using CreateJS

Summary

Title: Add HTML5 Animation to Your Web Pages Using CreateJS

Price: $39.99

Average Rating: 4.4

Number of Lectures: 34

Number of Published Lectures: 34

Number of Curriculum Items: 34

Number of Published Curriculum Objects: 34

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Know How to Install, Bootstrap and Test the CreateJS CDN
Learn How To Assess Animation Performance Issues
Understand the Capabilities in the Suite of CreateJS Libraries
Learn to EaselJS Library to Draw on the HTML5 Canvas
Learn to TweenJS Library to Animate on the HTML5 Canvas
Understand Animation Easing Formulas
Know How to Draw and Animate EaselJS Text
Learn How User Mouse Interactions Work

Who Should Attend

Web Animators
Actionscript Developers
Web Developers

Target Audiences

Web Animators
Actionscript Developers
Web Developers

What is this Course About?

This course gets you up to speed basic features of the CreateJS library to create HTML5 canvas animations, graphic drawing and user mouse interactions.

CreateJS is a popular well supported Javascript library used for web advertising, education, gaming and cartooning. It does not require complicated HTML or CSS to implement. What you create is easily added to other web pages without changes.

What is Covered?

This is a basic course where you can get a grounding on the CreateJS resources available and the software API architecture. You use a simple learning framework so you can try the API with examples that are easy to follow and grasp.

You will learn about the hierarchical display list architecture built into the EaselJS library component of CreateJS.

And you will apply the EaselJS mouse interaction model so you can get up and running quickly to control animations with user input.

You also work with the HTML5 graphics drawing library found in EaselJS.

You will learn how simple and easy to create HTML5 animations with the CreateJS tweening library component called TweenJS.

Who Can Take this Course?

This course is for those who know Javascript basics and are beginning to learn about the CreateJS suite of libraries. This course does not require advanced programming skills. Any programming is explained and supported so you can succeed.

If you have Actionscript 3background, you will find comfort in seeing that API finding a new home in these libraries. But Actionscript experience is not necessary for the course.

What Materials Are Included?

The course includes step by step video presentations along with starting and completed practice files used in the videos.

Getting Help

I enjoy helping so make use of the Udemy question area.

"The instructor does not assume you know or understand everything. On the contrary, he explains the reasons behind every single step." — Alonso Ramos

I am behind you succeeding so use me. No question too simple. No question too complicated. Challenge me!

Often questions result in new examples and demos which are posted in the Additional Examples Lesson for everyone to see.

Hope you enjoy the course and please let me know anything I can help you do.

Course Curriculum

Chapter 1: Introduction and Setup

Lecture 1: The Suite Of Libraries

Lecture 2: HTML Practice File

Lecture 3: Installation and Bootstrapping

Chapter 2: Drawing Shapes and Tweening 101

Lecture 1: Introducing The EaselJS Library

Lecture 2: How to Draw A Circle in EaselJS

Lecture 3: Introducing TweenJS and Ticker

Lecture 4: How to Animate a Shape With TweenJS

Chapter 3: Tweening Beyond The Basics

Lecture 1: How to Change and Test Frame Rates

Lecture 2: How to Reverse a Tween Using Chaining

Lecture 3: How To Add a Delay In A Tween

Lecture 4: Introducing Tween Easing

Lecture 5: How to Add Easing to a Tween

Chapter 4: Drawing Shapes With Gradient Fills

Lecture 1: How to Add a Linear Gradient Background

Lecture 2: Introducing Radial Gradients in EaselJS

Lecture 3: How to Add a Radial Gradient Fill

Chapter 5: ABCs of Displaying Text

Lecture 1: Introducing Text in EaselJS

Lecture 2: How to Add Text and Shadow with EaselJS

Lecture 3: Making a Rotational Tween for EaselJS Text

Lecture 4: Creating a Fly In Fly Out Tween for EaselJS Text

Lecture 5: Styling EaselJS Text Over Tweens

Chapter 6: Using Strokes and Fills with Shape Drawing Methods

Lecture 1: Introducing Strokes In Shape Drawing Methods

Lecture 2: Adding Strokes to Shape Drawing Methods

Lecture 3: Adding Fills to Stroke Perimeter Shapes

Chapter 7: Stage Mouse Event Handling

Lecture 1: How to Handle Stage Mouse Events

Lecture 2: Controlling a Rotation Tween Using Stage Mouse Events

Lecture 3: Drag and Drop Using Stage Mouse Events

Lecture 4: Drag and Drop Tween Using Stage Mouse Events

Chapter 8: Using Ticker For Animation

Lecture 1: Basics of Using Ticker For Animation

Lecture 2: Adding a Reverse Loop to the Basic Ticker Animation

Lecture 3: Adding a Duration to the Basic Ticker Animation

Chapter 9: Positioning and Tweening with Shape Drawing Methods

Lecture 1: Relative Shape Positions and Stroke Perimeters

Lecture 2: Tweening Shapes with Stroke Perimeters

Chapter 10: Final Section

Lecture 1: Additional Examples

Lecture 2: Wrap-Up Summary

Instructors

Lon Hosford
Web Developer Coach and Web Site Consultant

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 4 votes
4 stars: 18 votes
5 stars: 14 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu