Hi,
I want connect line yellow ball and red ball.
- yellow ball’s parent is FirstFloor
1-1) three.scene.add(FirstFloor)
1-2) FirstFloor.add(yellow ball) - red ball’s parent is SecondFloor
2-1) three.scene.add(SecondFloor)
2-2) SecondFloor.add(red ball)
can I connect them?
MakeLayer(){
let FirstFloorGeometry = new THREE.BoxGeometry( 1000, 5, 1000 );
let FirstFloorMaterial = new THREE.MeshBasicMaterial( {color: 0xfcba03} );
let FirstFloor = new THREE.Mesh( FirstFloorGeometry, FirstFloorMaterial );
FirstFloor.position.set(0, 270, 0);
three.scene.add( FirstFloor );
let SecondeFloorGeometry = new THREE.BoxGeometry( 1000, 5, 1000 );
let SecondFloorMaterial = new THREE.MeshBasicMaterial( {color: 0x0095ff} );
let SecondFloor = new THREE.Mesh( SecondFloorGeometry, SecondFloorMaterial );
SecondFloor.position.set(0, 180, 0);
three.scene.add( SecondFloor );
}
MakeYellowObjects(){
const loader_PC = new FBXLoader();
loader_PC.load("3dmodels/Ball/ball.FBX", model => {
YellowObject = model;
model.scale.set(40 , 40 , 40);
model.position.set(VecPos.x, VecPos.y, VecPos.z );
FirstFloor.add(model);
model.children[0].material.color.set(0x62ff00);
});
}
MakeRedObject() {
const loader_PC = new FBXLoader();
loader_PC.load("3dmodels/Ball/ball.FBX", model => {
model.scale.set(40 , 40 , 40);
model.position.set(VecPos.x, VecPos.y, VecPos.z);
model.children[0].material.color.setHex(0xff1000);
let lineGeometry = new THREE.Geometry();
lineGeometry.vertices.push(new THREE.Vector3( YellowObject.position.x , YellowObject.position.y , YellowObject.position.z) );
lineGeometry.vertices.push(new THREE.Vector3( VecPos.x , VecPos.y , VecPos.z) );
let lineMaterial = new THREE.LineBasicMaterial( { color : 0x55eb34 });
let LineObject = new THREE.Line(lineGeometry, lineMaterial);
SecondLayer.add(model);
SecondLayer.add(LineObject);
});
}
my result