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

Question

嘿伙计们，我刚开始学习 Web Gl，我正在使用三个 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 对象添加一些缓动。
这是一个演示。
如果你选择“Bounce.EaseOut”效果，我猜你会得到你想要的结果。

希望这可以帮助。