animating with mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · shader-driven vertex animation...
TRANSCRIPT
![Page 1: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/1.jpg)
Animating With MathNatalie Burke
![Page 2: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/2.jpg)
Shader-Driven Vertex AnimationVertex animation, or vertex manipulation, is the process of manipulating vertex positions on a mesh at runtime using the vertex shader assigned to the 3D model
![Page 3: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/3.jpg)
The Vertex ShaderThe Vertex Shader portion of an assets shader handles the processing of individual vertices at render time
Vertex shaders are able to make changes to a model’s existing vertices
Allows the position of the vertices to be significantly modified in the render process
![Page 5: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/5.jpg)
![Page 6: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/6.jpg)
![Page 7: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/7.jpg)
Tool Kit
NODE EDITOR
World Space Offset
Normal Offset
Local Space Offset
MESH AND GAMEPLAY PROPERTIES
Vertex Color
Gameplay Properties
Animated Channels
Sin or Cosine
Gameplay properties
Vertex Color
![Page 8: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/8.jpg)
Try It YourselfStrumpy Shader Editor, Unity - Vertex Graph
Shader Forge, Unity - Vertex Offset
Unreal Material Editor - World Position Offset
![Page 9: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/9.jpg)
Why Use Vertex Animation?Player Customization (armor, weapons, heads)
Shared skeletons
Shared animation data
Unique silhouettes
![Page 10: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/10.jpg)
Why Use Vertex Animation?Reduce Joint Count
Similar movement would require A LOT of joints
Reduce Animation Work
Animation authored by a technical artist
![Page 11: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/11.jpg)
Building Movement FunctionsTechniques for creating animation
![Page 12: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/12.jpg)
![Page 13: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/13.jpg)
![Page 14: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/14.jpg)
![Page 15: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/15.jpg)
![Page 16: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/16.jpg)
![Page 17: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/17.jpg)
![Page 18: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/18.jpg)
Add Follow-Through Motion
Original With Follow-Through
![Page 19: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/19.jpg)
Channel InterpolationCreate a new channel: Dampened_Linear_Velocity
length(float4(linear_velocity.x, linear_velocity.y, 0,0)) * exceptions
The damping ratio: damping/2*sqrt(strength)
![Page 20: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/20.jpg)
Further Cosine Customization
![Page 21: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/21.jpg)
![Page 22: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/22.jpg)
![Page 23: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/23.jpg)
![Page 24: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/24.jpg)
![Page 25: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/25.jpg)
![Page 26: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/26.jpg)
Unreal Engine Example
![Page 27: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/27.jpg)
Unreal Engine Example
![Page 28: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/28.jpg)
Player Hair
![Page 29: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/29.jpg)
Player Hair
![Page 30: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/30.jpg)
Player Hair
![Page 31: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/31.jpg)
Player Hair
v
![Page 32: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/32.jpg)
v
![Page 33: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/33.jpg)
Red channel = strength of movement
![Page 34: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/34.jpg)
![Page 35: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/35.jpg)
![Page 36: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/36.jpg)
Blue channel = timing of movement
![Page 37: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/37.jpg)
![Page 38: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/38.jpg)
![Page 39: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/39.jpg)
Blendshapes
![Page 40: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/40.jpg)
![Page 41: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/41.jpg)
XYZ positions become RBG values
![Page 42: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/42.jpg)
![Page 43: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/43.jpg)
![Page 44: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/44.jpg)
( Red – 0.5, Green – 0.5, Blue – 0.5)
![Page 45: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/45.jpg)
![Page 46: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/46.jpg)
Custom Linear Velocity = clamp(dampened_linear_velocity, 0, 1)Custom Linear Velocity * Color Max * 2
![Page 47: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/47.jpg)
![Page 48: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/48.jpg)
![Page 49: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/49.jpg)
Unreal Engine Example
![Page 50: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/50.jpg)
![Page 51: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/51.jpg)
Knucklehead Radar
![Page 52: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/52.jpg)
Khepri's Sting
![Page 53: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/53.jpg)
Twilight Garrison
![Page 54: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/54.jpg)
![Page 55: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/55.jpg)
Sometimes Math Alone is Not Enough!!
Unreal Engine Example
Without Vertex Animation With Vertex Animation
![Page 56: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/56.jpg)
![Page 57: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/57.jpg)
![Page 58: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/58.jpg)
Red = Amount of movement
Blue = Timing of movement
![Page 59: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/59.jpg)
![Page 60: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/60.jpg)
![Page 61: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/61.jpg)
![Page 62: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/62.jpg)
wire_slack
looseness
![Page 63: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/63.jpg)
![Page 64: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/64.jpg)
Motion Beyond Oscillation
![Page 65: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/65.jpg)
The Motion Concept The Math
.
Rotation about an axis
![Page 66: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/66.jpg)
The Motion Concept The Math
.
Rotation about an axis
![Page 67: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/67.jpg)
y' = y*cos q - z*sin q
z' = y*sin q + z*cos q
x' = x
Rotation about the X axis:
![Page 68: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/68.jpg)
y' = y*cos q - z*sin q
z' = y*sin q + z*cos q
![Page 69: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/69.jpg)
y' = y*cos q - z*sin q
z' = y*sin q + z*cos q
![Page 70: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/70.jpg)
y' = y*cos q - z*sin q
z' = y*sin q + z*cos q
![Page 71: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/71.jpg)
y' = y*cos q - z*sin q
z' = y*sin q + z*cos q
![Page 72: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/72.jpg)
![Page 73: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/73.jpg)
![Page 74: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/74.jpg)
![Page 75: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/75.jpg)
![Page 76: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/76.jpg)
Supporting ToolsShader node editor
Templating
Custom channel tools
Vertex color tools
![Page 77: Animating With Mathtwvideo01.ubm-us.net/o1/vault/gdc2016/... · Shader-Driven Vertex Animation Vertex animation, or vertex manipulation, is the process of manipulating vertex](https://reader035.vdocument.in/reader035/viewer/2022062317/5f92b0a114e7bc43ac481fec/html5/thumbnails/77.jpg)
Questions?