1

mjb – August 26, 2019

1

Computer Graphics

Animation

Animation.pptx

Mike Bailey

mjb@cs.oregonstate.edu

This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License

mjb – August 26, 2019

2

Computer Graphics

Keyframe Animation

anim2.mp4

These icons refer to explanatory videos on the class web site

2

mjb – August 26, 2019

3

Computer Graphics

Forward Kinematics:Change Parameters – Connected Things Move

(All Tinker Toy users understand this)

1

2

3

mjb – August 26, 2019

4

Computer Graphics

1

2

3

Ground

1

2

3

Forward Kinematics: Transformation Hierarchies

Determine Object Locations?

3

mjb – August 26, 2019

5

Computer Graphics

Inverse Kinematics (IK):Things Need to Move to a Particular Location –

What Parameters Will Make Them Do That?

Of course, there will always be target locations that can never be reached. Think about that spot in the middle of your back that you can never scratch!

mjb – August 26, 2019

6

Computer Graphics

Inverse Kinematics (IK)

Forward Kinematics solves the problem “if I know the link transformation parameters, where are the links?”.

Inverse Kinematics (IK) solves the problem “If I know where I want the end of the chain to be (X*,Y*), what transformation parameters will put it there?”

(X*,Y*)

1?

2?

3?

Ground

4

mjb – August 26, 2019

7

Computer Graphics

Particle Systems:A Cross Between Modeling and Animation?

mjb – August 26, 2019

8

Computer Graphics

Display

Display

Update

Particle Systems:A Cross Between Modeling and Animation?

The basic process is:

EmitRandom Number

Generator

5

mjb – August 26, 2019

9

Computer Graphics

Particle Systems Examples

Chuck Evans

mjb – August 26, 2019

10

Computer Graphics

Particle Systems Examples

particles.mp4

6

mjb – August 26, 2019

11

Computer Graphics

Particle Systems Examples

mjb – August 26, 2019

12

Computer Graphics

Particle Systems Examples

The Lion King (2019) -- Disney

7

mjb – August 26, 2019

13

Computer Graphics

A Particle System to Simulate Colliding Galaxies in Cosmic Voyage

mjb – August 26, 2019

14

Computer Graphics

Particles Don’t Actually Have to Be “Particles”

8

mjb – August 26, 2019

15

Computer Graphics

Animating using Rigid-body Physics

dominos.mp4

Newton’s first law:force = mass * acceleration

oracceleration = force / mass

In order to make this work, you need to supply physical properties such as mass, center of mass, moment of inertia, coefficients of friction, coefficients of restitution, etc.

mjb – August 26, 2019

16

Computer Graphics

Animating using Fluid Physics

fluid.avi

9

mjb – August 26, 2019

17

Computer Graphics

D-D0

k = spring stiffness in Newtons/meter or pounds/inch

0( ) F

D Dk

Force = F

Animating using Physics

D0

D0 = unloaded spring length

Or, if you know the displacement, the force exerted by the spring is:

0 F k D D

This is known as Hooke’s law

D

mjb – August 26, 2019

18

Computer Graphics

“Lumped Masses”

+Y

Animating using the Physics of a Mesh of Springs

10

mjb – August 26, 2019

19

Computer Graphics

Simulating a Bouncy String

mjb – August 26, 2019

20

Computer Graphics

Simulating a Bouncy String

string.mp4

11

mjb – August 26, 2019

21

Computer Graphics

Placing a Physical Barrier in the Scene

mjb – August 26, 2019

22

Computer Graphics

Animating Cloth

12

mjb – August 26, 2019

23

Computer Graphics

Cloth Examples

mjb – August 26, 2019

24

Computer Graphics

Cloth Example

cloth.mp4

13

mjb – August 26, 2019

25

Computer Graphics

Pixar

Cloth Example

mjb – August 26, 2019

26

Computer Graphics

0mx cx kx

k

c

m

Functional Animation:Make the Object Want to Move Towards a Goal Position

14

mjb – August 26, 2019

27

Computer Graphics

repulsivemx F

m

Functional Animation:While Making it Want to Move Away from all other Objects

repulserepulsive Power

CF

d

Repulsion Coefficient

Distance between the boundaries of the 2 bodies

Repulsion Exponent

mjb – August 26, 2019

28

Computer Graphics

k

c

m

Total Goal – Make the Free Body Move Towards its Final PositionWhile Being Repelled by the Other Bodies

mx cx kx F

15

mjb – August 26, 2019

29

Computer Graphics

Increasing the Stiffness

Stiffness = 9

Stiffness = 3

Stiffness = 6

mjb – August 26, 2019

30

Computer Graphics

Increasing the Repulsion Coefficient

Repulse = 10

Repulse = 30

16

mjb – August 26, 2019

31

Computer Graphics

avoid.mp4

Functional Animation

mjb – August 26, 2019

32

Computer Graphics

Motion Capture as an Input for Animation

17

mjb – August 26, 2019

33

Computer Graphics

Motion Capture is for Faces Too

mjb – August 26, 2019

34

Computer Graphics

Tron I –Probably should have used physics, but didn’t

18

mjb – August 26, 2019

35

Computer Graphics

Card Trick

mjb – August 26, 2019

36

Computer Graphics

Pixar Animated Shorts