Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb...

36
mjb – August 26, 2019 1 Computer Graphics Animation Animation.pptx Mike Bailey [email protected] This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License

Transcript of Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb...

Page 1: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

1

Computer Graphics

Animation

Animation.pptx

Mike [email protected]

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

Page 2: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

2

Computer Graphics

Keyframe Animation

anim2.mp4

These icons refer to explanatory videos on the class web site

Page 3: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

3

Computer Graphics

Forward Kinematics:Change Parameters – Connected Things Move

(All Tinker Toy users understand this)

1

2

3

Page 4: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

4

Computer Graphics

1

2

3

Ground

1

2

3

Forward Kinematics: Transformation Hierarchies

Determine Object Locations?

Page 5: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

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!

Page 6: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

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

Page 7: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

7

Computer Graphics

Particle Systems:A Cross Between Modeling and Animation?

Page 8: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

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

Page 9: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

9

Computer Graphics

Particle Systems Examples

Chuck Evans

Page 10: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

10

Computer Graphics

Particle Systems Examples

particles.mp4

Page 11: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

11

Computer Graphics

Particle Systems Examples

Page 12: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

12

Computer Graphics

Particle Systems Examples

The Lion King (2019) -- Disney

Page 13: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

13

Computer Graphics

A Particle System to Simulate Colliding Galaxies in Cosmic Voyage

Page 14: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

14

Computer Graphics

Particles Don’t Actually Have to Be “Particles”

Page 15: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

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.

Page 16: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

16

Computer Graphics

Animating using Fluid Physics

fluid.avi

Page 17: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

17

Computer Graphics

D-D0

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

0( ) FD 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

Page 18: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

18

Computer Graphics

“Lumped Masses”

+Y

Animating using the Physics of a Mesh of Springs

Page 19: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

19

Computer Graphics

Simulating a Bouncy String

Page 20: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

20

Computer Graphics

Simulating a Bouncy String

string.mp4

Page 21: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

21

Computer Graphics

Placing a Physical Barrier in the Scene

Page 22: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

22

Computer Graphics

Animating Cloth

Page 23: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

23

Computer Graphics

Cloth Examples

Page 24: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

24

Computer Graphics

Cloth Example

cloth.mp4

Page 25: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

25

Computer Graphics

Pixar

Cloth Example

Page 26: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

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

Page 27: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

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

Page 28: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

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

Page 29: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

29

Computer Graphics

Increasing the Stiffness

Stiffness = 9

Stiffness = 3

Stiffness = 6

Page 30: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

30

Computer Graphics

Increasing the Repulsion Coefficient

Repulse = 10

Repulse = 30

Page 31: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

31

Computer Graphics

avoid.mp4

Functional Animation

Page 32: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

32

Computer Graphics

Motion Capture as an Input for Animation

Page 33: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

33

Computer Graphics

Motion Capture is for Faces Too

Page 34: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

34

Computer Graphics

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

Page 35: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

35

Computer Graphics

Card Trick

Page 36: Animation - Oregon State Universityweb.engr.oregonstate.edu/~mjb/cs550/Handouts/Animation.1...mjb –August 26, 2019 2 Computer Graphics Keyframe Animation anim2.mp4 These icons refer

mjb – August 26, 2019

36

Computer Graphics

Pixar Animated Shorts