9b How to make simple animations with tween.js in three.js
Learn how to make simple animations with tween.js in three.js
Learn how to animate color, position, and size of objects.
Learn different easings (animation motions) available for your animation.
Learn different ways to start the animation.
Learn different 3d object properties you can animate.
Timestamps:
00:00 Intro/demo
00:21 How to add tween.js to animate loop
00:32 How to animate color change tween.js in three.js
01:05 What types of easing can I use?
01:56 Ways to control start of animation tween.js in three.js
02:18 How to animate movement tween.js in three.js
02:57 How to animate scale (size) tween.js in three.js
03:33 What properties can I animate tween.js in three.js
Resources:
Tween.js script tag for html page:
https://cdnjs.com/libraries/tween.js/...
Tween.js easing graphs:
https://sole.github.io/tween.js/examp...
Tween.js homepage:
https://createjs.com/tweenjs
Three.js homepage:
https://threejs.org/
