首先创建圆以及圆柱的属性
varcircle= {
geometry: {
x:400,
y:24
},
position: {
x: -100,
y: -150,
z:100
},
rotation: {
x: -Math.PI/2,
y:0,
z:0
},
style: {
color:0x00ff00
}
}
varcylinder= {
geometry: {
x:200,
y:200,
z:50,
open:false
},
position: {
x: -100,
y: -180,
z:100
},
rotation: {
x:0,
y:0,
z:0
},
style: {
color:0x00ffff
}
}
代码实现
function createcircle(obj) {
geometry=newTHREE.CircleBufferGeometry(obj.geometry.x, obj.geometry.y);
materil=newTHREE.MeshBasicMaterial({
color: obj.style.color,
});
mesh=newTHREE.Mesh(geometry,materil);
if(obj.position) {
mesh.position.set(obj.position.x, obj.position.y, obj.position.z);
}
if(obj.rotation) {
mesh.rotation.set(obj.rotation.x, obj.rotation.y, obj.rotation.z);
}
scene.add(mesh)
returnmesh;
}
function createcylinder(obj) {
if(obj.geometry.open) {
open=true
}else{
open=false
}
geometry=newTHREE.CylinderBufferGeometry(obj.geometry.x, obj.geometry.y, obj.geometry.x,24,3,open);
materil=newTHREE.MeshBasicMaterial({
color: obj.style.color,
});
mesh=newTHREE.Mesh(geometry,materil);
if(obj.position) {
mesh.position.set(obj.position.x, obj.position.y, obj.position.z);
}
if(obj.rotation) {
mesh.rotation.set(obj.rotation.x, obj.rotation.y, obj.rotation.z);
}
scene.add(mesh)
returnmesh;
}
createcircle(circle)
createcylinder(cylinder);
效果图：
