Javascript 无法用三个js连接两个对象

Javascript 无法用三个js连接两个对象,javascript,three.js,Javascript,Three.js,我想在三个js中连接两个对象(条形和圆形以创建乒乓球拍) 我使用了var parent=new THREE.Object3D()但是没有变化,两个对象仍然是分开的 这是我的功能代码: 函数addblade(){ var桨叶几何=新的三个圆柱几何(20,90,20,64,64), PapperMaterial=new THREE.MeshLambertMaterial({color:0xff0000}), 桨叶=新的三个网格(桨叶几何体、桨叶材质) 桨叶旋转x=30 var barre=新的三立

我想在三个js中连接两个对象(条形和圆形以创建乒乓球拍)

我使用了
var parent=new THREE.Object3D()但是没有变化,两个对象仍然是分开的

这是我的功能代码:

函数addblade(){
var桨叶几何=新的三个圆柱几何(20,90,20,64,64),
PapperMaterial=new THREE.MeshLambertMaterial({color:0xff0000}),
桨叶=新的三个网格(桨叶几何体、桨叶材质)
桨叶旋转x=30
var barre=新的三立方计量法(20,20,170)
var MATERIABARRE1=新的三种基本材料({
颜色:0xff0000,
三面,双面,
})
var barre=新的三层网格(barre,materialBarre1)
var parent=new THREE.Object3D()
添加(划桨)
parent.add(barre)
场景。添加(父级)
杆旋转y=180
杆位置x=100
杆位置z=2000
杆位置y=300
回程桨

}
您只需更加小心地使用代码,并更好地组织代码以发现错误。例如,您要声明两次
var barre
,一次用于几何体,另一次用于网格。只需创建更具描述性的和唯一的变量名,这样就不会混淆它们。我还将避免链接
var
声明,以便于您以后添加/删除单独的行

其次,如果要将
barre
paile
分组到父对象中,则应返回父对象,而不仅仅是paile部分

下面是基本相同的代码,用唯一的变量名进行了清理和组织:

函数addblade(){
//划桨
var PapperGeom=新的三缸几何结构(20、90、20、64、64)
var pappelmat=new THREE.MeshLambertMaterial({color:0xff0000})
var桨叶=新的三网格(桨叶几何、桨叶垫)
桨叶旋转x=30
//巴尔
var Barregom=新的三立方测量法(20,20,170)
var barreMat=new THREE.MeshBasicMaterial({color:0xff0000})
var barre=新的三网格(barreGeom、barreMat)
//组队
var parent=new THREE.Object3D()
添加(划桨)
parent.add(barre)
场景。添加(父级)
//转变
杆旋转y=180
杆位置x=100
杆位置z=2000
杆位置y=300
返回父级
}

为什么要返回
paile
而不是
parent
?当我返回parent时,barre消失了任何提供工作代码片段的机会,这说明了问题?我添加了我工作的代码片段,您可以在下面看到