@SketchpunkLabs
  @SketchpunkLabs
SketchpunkLabs | Fun with WebGL 2.0 : 005 : Transformation @SketchpunkLabs | Uploaded 7 years ago | Updated 2 days ago
In lesson 5 we start dipping our toes in vertex transformations. This is essential to learn as it will help move us our of 2D and into 3D space. By the end of the lesson we will have upgraded out little framework to handle and animate the grid from the previous lesson with transformations: scale, rotate and translate.

+++++++++++++++++++++++++++++++++
LEARNING MATERIAL THAT"LL HELP UNDERSTAND

Coding Math Vectors Part 1
https://www.youtube.com/watch?v=DfGOw8_ZaBA

Coding Math Matrix Math Part 1
https://www.youtube.com/watch?v=br5kl7Gqrxk

True Power of the Matrix Transformation
https://www.youtube.com/watch?v=vQ60rFwh2ig

glMatrix JS Library
http://glmatrix.net/

Math Cheat Sheet
http://www.opengl-tutorial.org/miscellaneous/math-cheatsheet/


+++++++++++++++++++++++++++++++++
SKETCHPUNK LABS LINKS

GitHub :: https://github.com/sketchpunk/FunWithWebGL2
Patreon :: https://www.patreon.com/sketchpunk
Tumblr :: http://sketchpunklabs.tumblr.com/
Fun with WebGL 2.0 : 005 : TransformationWebGL2 : 104 : Texture ArraysWebGL2 : 131 : Soft Body PhysicsFun with WebGL 2.0 : 039 : Mouse Ray CastingWebGL2 : 087 : Bump mapping with Height Maps3D printable remix of the beastgripFun with WebGL 2.0 : 028 : 3D Editor for Bezier SplinesHow to power lcd and Chromecast on 1 power supply.WebGL2 : 133 : Saving Retargeted AnimationWebGL 2 : 048 : Ray Sphere IntersectionFun with WebGL 2.0 : 022.1 : Float:Vec3 NEQ Vec3:FloatWebGL2 : 135 : Quaternion Inverse Direction

Fun with WebGL 2.0 : 005 : Transformation @SketchpunkLabs