1
mjb – August 26, 2019
1
Computer Graphics
Animation
Animation.pptx
Mike Bailey
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
Top Related