三个js，鼠标点击弹跳对象

Question

嘿伙计们我刚刚开始学习Web Gl和Im使用Three js。

我创建了一个简单的例子，它是一个在空间中旋转的立方体，但是我想让立方体有点动画，例如当我点击立方体时它会反弹并返回到起始位置，这是我的一部分用于制作动画的代码

function animateScene(){

                xRotation += xSpeed;
                yRotation += ySpeed;
                cubeMesh.rotation.set(xRotation, yRotation, 0.0);


                cubeMesh.position.z = zTranslation;


                requestAnimationFrame(animateScene);

                renderScene();
            }


            function renderScene(){
                renderer.render(scene, camera);
            }

你有一些玩这些参数的例子吗？

Answer 1

我猜你正在寻找的效果叫做“缓和”。 例如，jQuery使用它。如果您想使用坐标并添加一些流畅的动画，我建议您查看Tween.js Library。它允许您为three.js对象添加一些缓动 这是一个demo。
如果你选择“Bounce.EaseOut”效果，我猜你会得到你想要的结果。

希望这有帮助。