其他分享
首页 > 其他分享> > 三角函数在Three.js中的点的移动轨迹应用

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

作者:互联网

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




月球的运动轨迹,在刷新函数中是这样写的:

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);

标签:轨迹,三角函数,Three,elapsed,月球,position,js,moon,Math
来源: https://www.cnblogs.com/jaycethanks/p/12107227.html