书架选书Tween补间动画应用--Apple的学习笔记
2020-05-06 本文已影响0人
applecai
Three.js模拟书架选书显示书名--Apple的学习笔记我说过,学习example后,会进行些美化改造。之前做的最不好的地方,就是鼠标点击书本后,书本直接瞬间弹出。
看了three.js的相关example后,我觉得虽然blender中没有做动画,通过three创建的模型也可以有动画效果,需要使用tween插件。
添加形如如下的代码后,可以实现我移动的动画效果。
new TWEEN.Tween( SELECTED.position )
.to( { x: -0.6, y: 0.085, z: 0.3 }, 1000 )
.easing( TWEEN.Easing.Exponential.InOut )
.start()
new TWEEN.Tween( SELECTED.rotation )
.to( { x: 0, y: -Math.PI/2, z: 0 }, 1000 )
.easing( TWEEN.Easing.Exponential.InOut )
.start();
