javascript - 在WebGL中设置相机位置从开始到结束的动画

Question

我有相机的当前位置和最终位置(聚焦于某个元素)。我想制作一个从开始到结束的相机动画。

谢谢。

Answer 1

一个想法是创建一个 unit vector它表示从相机到物体的方向。然后使用该值及时更改相机的矢量位置:

var speed = 4;
var p = camera.position;
var dt = p.clone();
dt.normalize();
dt.multiplyScalar(speed);

然后在渲染函数中:

function render () {
    if (camera.position.length() > 0) {
        camera.position.sub(dt);
    }
    renderer.render(scene, camera);
    requestAnimationFrame(render);
}

https://jsfiddle.net/dc3La82y/