SketchpunkLabs | WebGL2 : 059 : Tweening, Easing, Emote Oh My @SketchpunkLabs | Uploaded 6 years ago | Updated 2 days ago
Today we explore easing equations and building a simple tween function that uses easing to help make smooth animations on any renderable. After a simple example, we then use the same idea to create an emote pop up every time bendy has a cube within is range of view.
###############################################
Links of Interest
https://github.com/tweenjs/tween.js
http://easings.net/
https://blog.demofox.org/2012/09/24/bias-and-gain-are-your-friend/
http://demofox.org/biasgain.html
###############################################
GitHub :: https://github.com/sketchpunk/FunWithWebGL2
Twitter :: https://twitter.com/sketchpunklabs
Patreon :: https://www.patreon.com/sketchpunk
Tumblr :: http://sketchpunklabs.tumblr.com/
Today we explore easing equations and building a simple tween function that uses easing to help make smooth animations on any renderable. After a simple example, we then use the same idea to create an emote pop up every time bendy has a cube within is range of view.
###############################################
Links of Interest
https://github.com/tweenjs/tween.js
http://easings.net/
https://blog.demofox.org/2012/09/24/bias-and-gain-are-your-friend/
http://demofox.org/biasgain.html
###############################################
GitHub :: https://github.com/sketchpunk/FunWithWebGL2
Twitter :: https://twitter.com/sketchpunklabs
Patreon :: https://www.patreon.com/sketchpunk
Tumblr :: http://sketchpunklabs.tumblr.com/