1. Animatio n CPSC 533 c Fall 2005 Ying Zhang

2. Agenda Animation: can it facilitate? (Barbara Tversky) Principles of Tranditional Animation Applied to 3D Computer Animation (John Lasseter)

3. Animation: can it facilitate? What is good about graphics used in teaching complex systems?  If used properly, static graphics enables comprehension, learning, memory, communication and inference of complex process and structures. What is good about animated graphics?  Animated graphics should be even better and more effective.

4. Animation: can it facilitate? What is bad about animated graphics? Animation conveys more information or involve interactivity that overloads audience’s visual systems. So, animation may be ineffective because they are often too complex or too fast to be accurately viewed.

5. Judging Animation based on two Principles The Congruence Principle: –The structure and content of the external representation should correspond to the desired structure and content of the internal representation. –So animation may apparently be compelling and convey concepts of change and expressing complex process –  but check out the following:

6. Animation: can it facilitate? Due to several animated processes going on at the same time, animation interfering with the information that was supposed to be conveyed to the audience.

7. Animation: can it facilitate? http://www.kevene y.com/Vstirling.ht mlhttp://www.kevene y.com/Vstirling.ht ml http://www.interac tivephysics.com/si mulations.htmlhttp://www.interac tivephysics.com/si mulations.html http://www.kevene y.com/Stirling.htmlhttp://www.kevene y.com/Stirling.html

8. Animation: can it facilitate? A good animated graphics must be comparable to informationally equivalent static graphics. e.g. In Physics: http://physics.nad.ru/Physics/English/mech.htm http://physics.nad.ru/Physics/English/mech.htm

9. Animation: can it facilitate? Compared with static graphics in some cases, animation allows interactivity while the static condition does not, so the apparent benefit of using animation is due to interactivity rather than animation itself. E.g. http://www.exploratorium.edu/origins/cern/tools/accelerat e.html http://www.exploratorium.edu/origins/cern/tools/accelerat e.html

10. Animation: can it facilitate? Animations are often interactive: interactivity is known to facilitate performance. While animation alone is usually distracting and is not effective as a teaching tool. So what is actually facilitate learning performance is not animation but interactivity.

11. Animation: can it facilitate? Apprehension Principle: –The structure and content of the external representation should be readily and accurately perceived and comprehended –So when used in teaching complex systems, animated graphics are usually hard to view, and should convey discrete information rather than continuous, and provide interactivity.

12. Animation: can it facilitate? E.g. horse movement: http://www.funnysnaps.com/igait.htmlhttp://www.funnysnaps.com/igait.html

13. Animation: can it facilitate? In conclusion, what appeared to be the successes of using animation are not successes. According to the principles, animation should be slow and clear enough for observers to understanding the underlying information. Accompanied with interactivity, the drawbacks of animation may be overcome and its advantages might even be enhanced. However, whether animations are more effective than static graphics for demonstrating complex operations is still unknown.

14. Principles of Traditional Animation Applied to 3D Computer Animation– John Lasseter The key to make good 3D animation is the application of traditional hand drawing technique and principles to 3D computer animation.

15. Principles of Traditional Animation Applied to 3D Computer Animation Squash and stretch Timing Anticipation Staging Following through and overlapping action Straight ahead action and pose-to-pose action Slow in and out Arcs Exaggeration Secondary action Appeal Personality

16. Principles of Traditional Animation Applied to 3D Computer Animation Principles of Traditional Animation: –Squash and Stretch Defining the rigidity and mass of an object by distorting its shape during an action. Such as an object squash flat and stretch out drastically, it conveys the sense of softness. e.g. http://www.idleworm.com/how/anm/01b/bball.s html http://www.idleworm.com/how/anm/01b/bball.s html

17. Principles of Traditional Animation Applied to 3D Computer Animation Timing –Spacing actions to define the weight and size of objects and the personality of characters. It gives meaning to movement. e.g. Luxo’s Jr: http://www.cs.ubc.ca/~yingzhan/cs533c/prese nt/animated-bw-luxo.gif http://www.cs.ubc.ca/~yingzhan/cs533c/prese nt/animated-bw-luxo.gif

18. Principles of Traditional Animation Applied to 3D Computer Animation Anticipation : preparation for the action. –Purpose: Anatomical provision for an action Catch audience’s eyes Emphasize heavy weight E.g. http://www.cs.ubc.ca/~yingzhan/cs533c/present/bat ter.gif http://www.cs.ubc.ca/~yingzhan/cs533c/present/bat ter.gif

19. Principles of Traditional Animation Applied to 3D Computer Animation Staging: present an idea unmistakably clear

20. Principles of Traditional Animation Applied to 3D Computer Animation Following through and overlapping action –termination of an action and establishing its relationship to the next action

21. Principles of Traditional Animation Applied to 3D Computer Animation Straight ahead action –Animator works straight from his first drawing in the scene. Pose-to-pose action – animator makes separate drawing focusing from pose to pose, and then draws the inbetweens.

22. Principles of Traditional Animation Applied to 3D Computer Animation Slow in and out: –The spacing of the inbetween frames to achieve subtlety of timing and movement e.g. bouncing ball:bouncing ball

23. Principles of Traditional Animation Applied to 3D Computer Animation Arcs: –The visual path of action for natural movement.

24. Principles of Traditional Animation Applied to 3D Computer Animation Exaggeration –Emphasizes the essence of an idea via the design and the action. –It works with any other principles, it has to be used carefully; otherwise, it will also make a character look unrealistic. e.g. Andre and Wally BAndre and Wally B

25. Principles of Traditional Animation Applied to 3D Computer Animation Secondary action: –an action that results directly from another action.

26. Principles of Traditional Animation Applied to 3D Computer Animation Appeal: –Anything that a person wants to see such as a quality of charm, pleasing design, simplicity, communication, or magnetism. e.g. Luxo Jr.Luxo Jr.

27. Principles of Traditional Animation Applied to 3D Computer Animation Personality: –the character must have a desired personality to become alive and attractive to the audience. –E.g. Tin Toy:Tin Toy: –E.g. Geri’s gameGeri’s game

28. Principles of Traditional Animation Applied to 3D Computer Animation The essence of making appealing animation is about mixing traditional artistic sense into animation drawing with the help of hardware and software.

29. Movie?