时间戳

首页 > 解决方案 > 三.js在另一个对象的局部坐标系中设置对象

three.js - 三.js在另一个对象的局部坐标系中设置对象

问题描述

我想知道是否可以将 3d 对象放置在 three.js 中另一个对象的局部坐标系中。所以放置的对象应该相对于“原点”对象。

例如：我使用设备相机（使用 expo AR）扫描图像，并希望放置与图像具有固定距离的物体。我认为这些位置是相对于相机的，不是吗？

             this.scene.add(chair)
            chair.position.set(  1, 0,  -5);

            this.scene.add(chair2)
            chair2.position.set( 1, 0 ,  -3);

标签： three.jsaugmented-realityexpo

解决方案

我认为您正在寻找的是THREE.Group对象。它允许您在组中嵌套元素，因此如果您更改组的坐标，其子项也会随之移动。例如：

// Create parent, set its pos to 0, 5, 0
var parent = new THREE.Group();
scene.add(parent);
parent.position.set(0, 5, 0);

// create child, and add to parent
var chair1 = new THREE.Mesh(geom, mat);
parent.add(chair1);
chair1.position.set(1, 0, 0);

// create child, and add to parent
var chair2 = new THREE.Mesh(geom, mat);
parent.add(chair2);
chair2.position.set(0, 1, 0);
  • chair1 将[1, 5, 0]在全局坐标中，但[1, 0, 0]在局部空间中。
  • chair2 将[0, 6, 0]在全局坐标中，但[0, 1, 0]在本地空间中。

推荐阅读