三角函数在Three.js中的点的移动轨迹应用

在学习2D文字的时候,看到官网有这样一个示例:
https://threejs.org/examples/#css2d_label

三角函数在Three.js中的点的移动轨迹应用


月球的运动轨迹,在刷新函数中是这样写的:
function animate() {

    requestAnimationFrame(animate);

    var elapsed = clock.getElapsedTime();

    moon.position.set(Math.sin(elapsed) * 5, 0, Math.cos(elapsed) * 10);
    console.log(moon.position)
        
    renderer.render(scene, camera);
    labelRenderer.render(scene, camera);

}

其中

var clock = new THREE.Clock();



月球的运动轨迹就是通过修改月球在三维坐标系中的x和z值来实现的。 也就是这行关键代码:

moon.position.set(Math.sin(elapsed) * 5, 0, Math.cos(elapsed) * 5);

上一篇:JS 基础篇(音量调节器)


下一篇:【IT笔试面试题整理】数组中出现次数超过一半的数字