three.js坐标系与三角函数

在Three.js中，使用的是右手坐标系，其中Z轴指向屏幕外，与传统数学坐标系有所不同。在Three.js中创建一个场景时，默认的相机位置是(0, 0, 0)，指向场景的中心，Y轴朝上。

在Three.js中使用三角函数时，可以利用Math对象提供的正弦和余弦函数来计算三维空间中的坐标变换。例如，要创建一个圆形轨道运动，可以使用以下代码：

// 假设已经创建了场景(scene), 相机(camera)和渲染器(renderer)
 
// 圆的半径
var radius = 10;
// 圆周运动的周期
var period = 10;
// 当前时间
var time = 0;
 
function animate() {
    requestAnimationFrame(animate);
 
    // 更新时间
    time += 0.01;
    // 使用三角函数计算圆周上的点位置
    var x = radius * Math.cos(time / period);
    var z = radius * Math.sin(time / period);
    var y = 0; // Y轴保持不变
 
    // 设置物体位置
    object.position.set(x, y, z);
 
    // 渲染场景
    renderer.render(scene, camera);
}
 
// 启动动画循环
animate();

在这个例子中，我们使用了Math.cos和Math.sin函数来计算在圆周上的点，并将计算出来的位置设置为物体的位置。这样，物体就会在圆形轨道上运动。