animation
play

Animation CS 148: Summer 2016 Introduction of Graphics and Imaging - PowerPoint PPT Presentation

Mar 08, 2023 •578 likes •1.26k views

Animation CS 148: Summer 2016 Introduction of Graphics and Imaging Zahid Hossain Animation Animation Art Driven Physics Driven 2 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) Zahid Hossain Animation Animation

  1. Animation CS 148: Summer 2016 Introduction of Graphics and Imaging Zahid Hossain

  2. Animation Animation Art Driven Physics Driven 2 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  3. Animation Animation Art Driven Physics Driven Computer Graphics 3 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  4. Animation Story Telling Animation Art Science Art Driven Physics Driven Engineering Computer Graphics 4 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  5. Animation Story Telling Animation Art Science Art Driven Physics Driven Engineering Computer Graphics 5 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  6. Luxo Jr. (Pixar Animation 1986) 6 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  7. Principles of Animation 1981 7 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  8. Squash and Stretch Rigidity/Flexibility Lively Expressions 8 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  9. Anticipation 9 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  10. Slow In And Slow Out 10 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  11. Arcs 11 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  12. Principles of Animation https://www.youtube.com/watch?v=5l2Aem7Ll3A 12 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  13. Keyframe Animation 13 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  14. Keyframes Specify significant • poses Automatically fill in • motion between these points in time. http://graphics.stanford.edu/courses/cs148-10-summer/docs/10_anim_interact.pdf 14 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  15. Not a New Idea Tweening: Not a fun job! 15 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  16. CAPS Computer-Aided Production System: 1980 Tweening : Computer Does Interpolation 16 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  17. Animation Curves Curves specify paths that objects take over time Knots are positions Tangents are velocities 17 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  18. Catmull-Rom Spline ? 𝑞 % 𝑞 $ 𝑞 # 𝑞 " 18 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  19. Catmull-Rom Spline 𝑢 = 1 𝑢 = 0 𝑔 1 = 𝑞 % 𝑔 0 = 𝑞 $ 𝑞 # 𝑞 " 𝑔 𝑢 = 𝑏 * + 𝑏 " 𝑢 + 𝑏 $ 𝑢 $ + 𝑏 % 𝑢 % 19 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  20. Catmull-Rom Spline 𝑢 = 1 𝑢 = 0 𝑔 1 = 𝑞 % 𝑔 0 = 𝑞 $ 𝑔 . * = 𝑞 % − 𝑞 " 𝑔′ 1 = 𝑞 # − 𝑞 $ 𝑞 # 𝑞 " 𝑔 𝑢 = 𝑏 * + 𝑏 " 𝑢 + 𝑏 $ 𝑢 $ + 𝑏 % 𝑢 % 20 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  21. Catmull-Rom Spline 𝑢 = 1 𝑢 = 0 𝑔 1 = 𝑞 % 𝑔 0 = 𝑞 $ 𝑔′ 1 = 1 𝑔 . * = 1 2 (𝑞 # − 𝑞 $ ) 2 (𝑞 % − 𝑞 " ) 𝑞 # 𝑔 𝑢 = 𝑏 * + 𝑏 " 𝑢 + 𝑏 $ 𝑢 $ + 𝑏 % 𝑢 % 𝑞 " 𝑔 1 = 𝑏 * + 𝑏 " + 𝑏 $ + 𝑏 % = 𝑞 % 𝑔 0 = 𝑏 * = 𝑞 $ 𝑔 . (1) = 𝑏 " + 2𝑏 $ + 3𝑏 % = 1 𝑔′ 0 = 𝑏 " = 1 2 (𝑞 # − 𝑞 $ ) 2 (𝑞 % − 𝑞 " ) 21 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  22. Catmull-Rom Spline Writing the control points 𝑞 5 in terms of the parameters 𝑏 6 22 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  23. Catmull-Rom Spline 𝑫 𝟐 Continuity Fundamentals of Computer Graphics - Shirley Page: 365 23 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  24. Catmull-Rom Spline: Continuity 𝑞 % 𝑞 $ 𝑞 # 𝑞 " 24 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  25. Catmull-Rom Spline 𝑞 % 𝑞 $ Outgoing Tangent Incoming Tangent 𝑞 # 𝑞 " 25 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  26. Catmull-Rom Spline 𝑞 % 𝑞 $ Incoming Tangent 𝑞 # Outgoing Tangent 𝑞 " “Outgoing Tangent” becomes “Incoming Tagent” for the next Segment 26 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  27. Framework for Animation Curves • Tension • Sharpness near keyframes • Continuity • Different in/out tangents • Bias • Overshoot or undershoot 27 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  28. Framework for Animation Curves Fundamentals of Computer Graphics - Shirley Page:420 28 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  29. Bezier Curve Fundamentals of Computer Graphics - Shirley Page:365 29 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  30. Slow-In-Slow-Out Replace an animation parameter 𝒖 with 𝒗(𝒖) Bezier Curve is tunable way to implement this u t 30 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  31. Key Values vs Key Frames Animation composed of several parameters • Parameters may not agree on which “frame” is important, i.e. there is no “key- • frame” per-se. Create path for each parameter, which has key-values specified in appropriate • frames. 31 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  32. Specialized Curves for Animation “Wiggly Splines” Kass and Anderson, SIGGRAPH 2008 32 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  33. Interpolating Orientations 33 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  34. Interpolating Matrices ? 90° CW 90° CCW Not a rotation ! 34 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  35. Euler Angles http://www.chrobotics.com/wp-content/uploads/2012/11/Inertial-Frame.png 35 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  36. Gimbal Lock 36 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  37. Spherical Linear Interpolation (SLERP) LERP: Linear Interpolation 37 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  38. Spherical Linear Interpolation (SLERP) Quaternions [Hamilton 1843] 38 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  39. Quaternions Euler Quaternions Matrix For conversion formulae https://en.wikipedia.org/wiki/Conversion_between_quaternions_and_Euler_angles 39 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  40. Character Animation 40 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  41. Recall: Hierarchical Modeling Body Torso Head Shoulder Hips LeftArm LeftLeg UpperArm UpperLeg LowerArm LowerLeg Hand Foot RightArm RightLeg UpperArm UpperLeg LowerArm LowerLeg Hand Foot 41 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  42. Forward Kinematics (FK) Manipulate degrees of freedom directly, construct geometry hierarchically. 42 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  43. Inverse Kinematics (IK) Determine change in parameters from position of end effector. 43 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  44. Inverse Kinematics (IK) Determine change in parameters from position of end effector. 44 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  45. Skinning and Bone Animation • Skeleton Nodes represents joints • Joints are local Coordinate Systems (frames) • Edges represents bones • • Skin 3D model/surface driver by skeleton • Both are designed in a reference pose (rest pose) http://www.cs.cmu.edu/~yaser/Lecture-9-Skinning%20and%20Body%20Representations.pdf 45 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

  46. Skeleton in Reference Pose • Root Frame expressed with respect to the world: 𝑆 * • Relative Joint Coordinate Frames - 𝑆 " , 𝑆 $ , 𝑆 % … 𝑆 6 http://www.cs.cmu.edu/~yaser/Lecture-9-Skinning%20and%20Body%20Representations.pdf 46 CS 148: Introduction to Computer Graphics and Imaging (Summer 2016) – Zahid Hossain

Recommend

Chapter 8 - Animation Animation before the time of 3DCG Animation techniques

Chapter 8 - Animation Animation before the time of 3DCG Animation techniques

Chapter 8 - Animation Animation before the time of 3DCG Animation techniques keyframing bone animation & motion capture simulation Animation principles LMU Mnchen Medieninformatik Heinrich Hussmann

812 views • 47 slides
Animation Presented by Sancho McCann Animation Is animation useful? Why?

Animation Presented by Sancho McCann Animation Is animation useful? Why?

Animation Presented by Sancho McCann Animation Is animation useful? Why? Principles of animation Principles applied Animation: can it facilitate? Does animation help the understanding of changes over time? A picture

4.12k views • 49 slides
1 Steps in Creating Animation Secondary Actions Sequences (1 of 3) Animation part that does

1 Steps in Creating Animation Secondary Actions Sequences (1 of 3) Animation part that does

Outline The Pipeline IMGD 1001: Concept Art 2D Art 2D Art (next) Animation Tiles Animation, Tiles 3D Art Modeling, Texturing, Lighting IMGD 1001 Animation Key Frames Animation produces the illusion of

80 views • 4 slides
Outline 1. Principles of Traditional Animation Applied to Computer Animation Animation

Outline 1. Principles of Traditional Animation Applied to Computer Animation Animation

Outline 1. Principles of Traditional Animation Applied to Computer Animation Animation (Lasseter, 1987) 2. Animation: Can it facilitate? (Tversky and Morrison, 2002) Presented By Timothy Chan 3. On Creating Animated Presentations (Zongker

541 views • 9 slides
Animation Ats Kurvet What is animation? Where to use animation? How it works... Vision

Animation Ats Kurvet What is animation? Where to use animation? How it works... Vision

Animation Ats Kurvet What is animation? Where to use animation? How it works... Vision Animation ??? Profit! 12 principles of animation Disney's Twelve Basic Principles of Animation is a set of principles of animation

693 views • 35 slides
Animation Overview Overview Traditional Animation Traditional Animation Keyframe Animation

Animation Overview Overview Traditional Animation Traditional Animation Keyframe Animation

Animation Overview Overview Traditional Animation Traditional Animation Keyframe Animation Keyframe Animation Interpolating Rotation Interpolating Rotation 1999 Star Wars: Phantom Menace 2002 LOTR Two Towers 2001 Final Fantasy 1

513 views • 23 slides
Set 7: Events and Animation Animation and Events Animation attention, explanation

Set 7: Events and Animation Animation and Events Animation attention, explanation

IT452 Advanced Web and Internet Systems Set 7: Events and Animation Animation and Events Animation attention, explanation Capturing user events Education and games We will use jQuery to make coding easier 1 Preliminaries

451 views • 10 slides
Set 7: Events and Animation Animation and Events Animation attention, explanation

Set 7: Events and Animation Animation and Events Animation attention, explanation

IT452 Advanced Web and Internet Systems Set 7: Events and Animation Animation and Events Animation attention, explanation Capturing user events Example game: math functions swath of destruction Education and games We

458 views • 20 slides
Set 6: Events and Animation Animation and Events Animation attention, explanation

Set 6: Events and Animation Animation and Events Animation attention, explanation

IT452 Advanced Web and Internet Systems Fall 2009 Set 6: Events and Animation Animation and Events Animation attention, explanation Capturing user events Education and games We focus particularly on techniques with YUI 1

307 views • 8 slides
Animation structure and content of the internal of changes over time? representation. Why?

Animation structure and content of the internal of changes over time? representation. Why?

Animation Animation: can it facilitate? Congruence Principle A useful graphic is congruent to the Does animation help the understanding Is animation useful? Animation structure and content of the internal of changes over time?

423 views • 4 slides
Cel vs Computer Animation Snow White vs. Toy Story Animation Pipeline Not much has

Cel vs Computer Animation Snow White vs. Toy Story Animation Pipeline Not much has

Cel vs Computer Animation Snow White vs. Toy Story Animation Pipeline Not much has changed in 70 years! Technology not process. Animation Production Animation Production Story Story Model Layout Shading Animation Foley

540 views • 4 slides
CS324e - Elements of Graphics and Visualization Animation in Java3D Adding Animation

CS324e - Elements of Graphics and Visualization Animation in Java3D Adding Animation

CS324e - Elements of Graphics and Visualization Animation in Java3D Adding Animation Animation in Java2D achieved by changing the position (or some other attribute) of the graphic primitive over time Animation framework from FRC

666 views • 29 slides
Animation Methodology for Battlefield 3 Tobias Dahl Animation Director Mikael Hgstrm Lead

Animation Methodology for Battlefield 3 Tobias Dahl Animation Director Mikael Hgstrm Lead

Animation Methodology for Battlefield 3 Tobias Dahl Animation Director Mikael Hgstrm Lead Animator Friday, March 30, 12 AGENDA BF3 on a high level BF3 from an animation perspective New animation technology ANT New animation

1.14k views • 61 slides
animation 1 animation shape specification as a function of time 2 animation representation

animation 1 animation shape specification as a function of time 2 animation representation

animation 1 animation shape specification as a function of time 2 animation representation many ways to represent changes with time intent artistic motion physically-plausible motion efficiency typically not a major problem control most

756 views • 74 slides
Animation Presented By Timothy Chan Outline 1. Principles of Traditional Animation Applied to

Animation Presented By Timothy Chan Outline 1. Principles of Traditional Animation Applied to

Animation Presented By Timothy Chan Outline 1. Principles of Traditional Animation Applied to Computer Animation (Lasseter, 1987) 2. Animation: Can it facilitate? (Tversky and Morrison, 2002) 3. On Creating Animated Presentations (Zongker

737 views • 54 slides
12 Principles of 3D CG Animation Amy Gooch CS395: Intro to Animation Summer 2004 12 Principles

12 Principles of 3D CG Animation Amy Gooch CS395: Intro to Animation Summer 2004 12 Principles

12 Principles of 3D CG Animation Amy Gooch CS395: Intro to Animation Summer 2004 12 Principles of Animation Created by Disney Studios in 1930s Snow White (1937) Pinocchio & Fantastia (1940) Dumbo (1941) Bambi (1942)

479 views • 13 slides
Keyframe animation 2. A period of blackness between images Phenakistiscope Zoetrope

Keyframe animation 2. A period of blackness between images Phenakistiscope Zoetrope

Oldest keyframe animation Two conditions to make a moving image in 19th century 1. Higher than 10 frames per second Keyframe animation 2. A period of blackness between images Phenakistiscope Zoetrope Praxinoscope 2D animation 3D animation

657 views • 17 slides
Animation Why animation? Realism and fluidity of interaction Open/Close Spring-back

Animation Why animation? Realism and fluidity of interaction Open/Close Spring-back

Animation Why animation? Realism and fluidity of interaction Open/Close Spring-back constraints Transitions from collaborators System Other people PowerPoint Actual Animation effects Basic linear transform

868 views • 12 slides
Data-Driven Animation Full-body animation Skin deformation Facial animation Motion

Data-Driven Animation Full-body animation Skin deformation Facial animation Motion

Data-Driven Animation Full-body animation Skin deformation Facial animation Motion Representation A pose is represented by root translation, root orientation, and joint angles q = ( q 1 , , q n ) Motion consists of a

368 views • 24 slides
Performance-Driven Facial Animation Performance-based Facial Animation Creating an animation

Performance-Driven Facial Animation Performance-based Facial Animation Creating an animation

Performance-Driven Facial Animation Performance-based Facial Animation Creating an animation of a realistic and expressive human face is one of greatest challenges in computer graphics. The human face is an extremely complex

492 views • 28 slides
Basics of Computer Animation 7.2 Animation Controls Jaakko Lehtinen Many slides courtesy of

Basics of Computer Animation 7.2 Animation Controls Jaakko Lehtinen Many slides courtesy of

CS-C3100 Computer Graphics Basics of Computer Animation 7.2 Animation Controls Jaakko Lehtinen Many slides courtesy of Jovan Popovic, Ronen Barzel, and Frdo Durand 1 In This Video User-friendly Controls for Animation

710 views • 27 slides
THE HISTORY THE DESIGN PROCESS THE INFLUENCE THE HISTORY OF ANIMATION 3,000 BC 1,500 AD 1603

THE HISTORY THE DESIGN PROCESS THE INFLUENCE THE HISTORY OF ANIMATION 3,000 BC 1,500 AD 1603

THE HISTORY THE DESIGN PROCESS THE INFLUENCE THE HISTORY OF ANIMATION 3,000 BC 1,500 AD 1603 - 1877 THE HISTORY OF ANIMATION 1906 1919 - 1928 THE HISTORY OF ANIMATION The Golden Age 1930 1933 1937 THE HISTORY OF ANIMATION

495 views • 20 slides
How to use Group make Flexible Animation 1. When we looked a amazing animation in a presentation,

How to use Group make Flexible Animation 1. When we looked a amazing animation in a presentation,

How to use Group make Flexible Animation 1. When we looked a amazing animation in a presentation, we said wow at every times. You can make animation for any shapes, texts, pictures and groups in Aurora 3D Presentation. Let s learn a simple

313 views • 3 slides
Network Layout Ma Maneesh Agrawala CS 448B: Visualization Fall 2020 1 Last Time: Animation 2

Network Layout Ma Maneesh Agrawala CS 448B: Visualization Fall 2020 1 Last Time: Animation 2

Network Layout Ma Maneesh Agrawala CS 448B: Visualization Fall 2020 1 Last Time: Animation 2 1 Implementing Animation 3 Animation Approaches Frame-based Animation Redraw scene at regular interval (e.g., 16ms) Developer defines the

837 views • 66 slides

More recommend