Как добавить контур на детскую сетку в три js

Question

Я хотел бы добавить схему в сетки. Я последовал примеру which created a new mesh using the same geometry, and scaled the mesh.

var outlineMaterial = new THREE.MeshBasicMaterial({color: 0x00ffff, side: THREE.BackSide}); 
    this.outlineMesh = new THREE.Mesh(target.geometry, outlineMaterial); 
    this.outlineMesh.quaternion = target.quaternion; 
    this.outlineMesh.position = target.position; 
    this.outlineMesh.scale.copy(target.scale); 
    this.outlineMesh.scale.multiplyScalar(1.05); 
    this.scene.add(this.outlineMesh); 

Он отлично работает, позиция outlineMesh всегда равно целевой сетки. Однако, когда я добавил целевую сетку в качестве дочерней в другую сетку, позиция outlineMesh отличается от целевой сетки. Я думал, что это связано с тем, что целевая позиция связана с координатой родителя, но outlineMesh все еще находится в мировой координации.

Любая идея, как сделать контурную работу для детской сетки? Большое спасибо!

Answer 1

Просто добавьте outlineMesh как ребенок мишени mesh, например, так:

var outlineMaterial = new THREE.MeshBasicMaterial({ color: 0x00ffff, side: THREE.BackSide }); 
outlineMesh = new THREE.Mesh(geometry, outlineMaterial); 
outlineMesh.scale.multiplyScalar(1.05); 
mesh.add(outlineMesh); 

Three.js R.67