Learning Objectives:

You will be able to create a simple movement with Bones using graphic drawn using one of the object tools.

You will be able to create a simple movement with Bones suing a symbol.

You will be able to create a simple movement with Bones using an outside bitmap graphic.

Homework:

Read: Chapter 9 in your book and do the exercises at the end of each chapter.

Watch: Bones Tutorial on Youtube

Read: Adobe Flash Bones Animation Tutorial

Post: Bones assignment on your Webspace on E-commerce and link the file to your homework page.

Video Note on how to use Bones
(I made a mistake on the Snoopy portion of the notes, I should have just copied the head instead of making it symbol)

 

Bones can use Action Script 3.0 and HTML Canvas

One bone per symbol but you may have multiple bones per ungrouped object!

Bones Tutorial

Bones and Bind Tool Tutorial

Topics Covered:

Flash can now create HTML 5 animations using HTML Canvas Element

Check Adobe TV for the latest tutorials

Go through the tutorial on how to use Canvas in Flash

Character Animation from Adobe TV. The last tutorial shows you how to output to HTML 5 Canvas

Create a simple Game with Flash & Canvas

Terms:

Bones, Binding, HTML 5, Javascript