Skill Sets:

Home

  1. Intro to Flash
  2. User Input
  3. Fancy Controls 1
  4. Control Flow: if
  5. Control Flow: loop
  6. Nested Structures
  7. Graphics 1
  8. Arrays
  9. Strings
  10. Mouse Movement
  11. Functions
  12. Grouping Images
  13. Graphical Support
  14. Animation
  15. Physics
  16. 2010 Grade 10 Summative showcase
  17. 2010 Grade 11 Summatives
  18. 2011 Grade 10 Summatives
  19. 2011 Grade 11/12 Summatives
  20. Sept 2011 Grade 11 Summatives
  21. Sept 2011 Grade 10 Summatives
  22. Feb 2012 Grade 10 Summatives
  23. Sept 2012 Summatives
  24. Feb 2013 Grade 12 Summatives
  25. Feb 2013 2OI Summatives
  26. Sept 2013 Summatives

Animation: Old School

This lesson/skill set is sponsored by a Grade 10 student: Connor. For his summative assignment, he tried to get a guy moving around in an animated way - old school. He wanted to rotate through a loop of stick figures, and these stick figures would change based on the direction that the person was moving. Sounds simple enough, but for a Grade 10 student, doing this for the first time is a significant challenge. It never quite worked for Connor, probably because of his teacher, so I passed the challenge over to a Grade 12 student, Kyle, who refined it. Finally Mubashar, a Grade 11 student fixed it up some more. Now, I'm turning it into a lesson.

The steps:

1. First you have to load the images into your program. This will be done through url requests, and each image will be loaded into different arrays.

2. Next, we need to create a timer that will rotate through all of the images based on the direction that the user is pointing toward. The timer will also update the coordinates of the image.

3. Finally, we will need some keyboard listeners that will re-direct the image.

 

Let's see what it looks like:

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

 

 

Back