书架选书Tween补间动画应用--Apple的学习笔记

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();
test.gif

你可能感兴趣的:(书架选书Tween补间动画应用--Apple的学习笔记)