018-场景遍历和世界坐标系

三年三月2025-06-11 16:02

该系类文章主要用于记录学习three.js的过程，包括做的一些demo，笔记，以及个人思考；主要学习的课程是神光的小册《three.js通关秘籍》，感兴趣的可以购买学习，质量还是可以的

坐标系

坐标系的分类的详细解释

坐标系一般分为世界坐标系 和局部坐标系 ，还有group坐标系

局部坐标系：就是某个物体相对所在group中的坐标

自身坐标系：就是某个物体自身的坐标

世界坐标系：全局坐标系就是把局部坐标系与group坐标系进行合并，所得到的坐标系

坐标系的操作方法

如何获取坐标

ini 复制代码

# 获取全局坐标
const pos = new THREE.Vector3();
mesh.getWorldPosition(pos);
#  获取group坐标
console.log(group.position);
# 获取局部坐标（自身坐标）
console.log(mesh.position);

遍历场景

通常情况下，我们的场景非常的复杂，可能包括很多的分组，分组里面又包含了很多物体，很多时候我们需要获取某一个物体，然后再进行操作，那么如何获取呢？

遍历场景这棵树结构

ini 复制代码

scene.traverse((obj) => {
    if(obj.isMesh) {
        obj.material.color = new THREE.Color('pink');
    }
});

找到某个物体

ini 复制代码

# 通过取名字获取
# 给mesh设置名字
mesh.name = 'abc';
mesh.name = 'eeee';
# 通过名字获取（当然也可以用 id  来获取，设置的时候也用id）
const target1 = scene.getObjectByName('abc');
const target2 = scene.getObjectById('eeee');