threejs绘制平面多边形

在Three.js中，可以使用geometry对象和geometryMaterial对象来创建和渲染多边形几何体。下面是一个绘制多边形平面的示例代码：

// 创建一个立方体几何体  
var cubeGeometry = new THREE.BoxGeometry(  
    0.5, 0.5, 0.5,  
    0.5, 0.5, 0.5,  
    0.5, 0.5, 0.5  
);  
  
// 创建一个平面几何体  
var planeGeometry = new THREE.PlaneGeometry(  
    2, 2, 2  
);  
  
// 创建一个多边形平面几何体  
var polygonGeometry = new THREE.Geometry();  
  
// 创建多边形的顶点数组  
var vertices = [  
    new THREE.Vector3(  
        0, 0, 0  
    ),  
    new THREE.Vector3(  
        0.5, 0, 0  
    ),  
    new THREE.Vector3(  
        0.5, 0.5, 0  
    ),  
    new THREE.Vector3(  
        0, 0.5, 0  
    ),  
    new THREE.Vector3(  
        0.5, 0.5, 0  
    ),  
    new THREE.Vector3(  
        0, 0, 0  
    )  
];  
  
// 将顶点数组转换为平面几何体的顶点  
var plane = new THREE.Vector3();  
for (var i = 0; i < vertices.length; i++) {  
    plane.add(vertices[i]);  
}  
planeGeometry.vertices = vertices;  
  
// 将平面几何体添加到场景中  
var material = new THREE.MeshBasicMaterial({ color: 0xffffff });  
var mesh = new THREE.Mesh(planeGeometry, material);  
scene.add(mesh);

在这个示例代码中，我们首先创建了一个立方体几何体和一个平面几何体。然后，我们创建了多边形的顶点数组，并将其转换为平面几何体的顶点。最后，我们将平面几何体添加到场景中。

在创建多边形时，我们将每个顶点都转换为Vector3对象，并使用一个for循环遍历顶点数组。在转换为Vector3对象时，我们使用add方法将每个顶点添加到一个新的Vector3对象中。最后，我们将平面几何体的顶点转换回顶点数组。

在渲染多边形平面时，我们使用PlaneGeometry对象创建了一个平面几何体，并将其添加到场景中。在创建平面几何体时，我们使用vertices属性将顶点数组转换为平面几何体的顶点。在渲染平面几何体时，我们使用MeshBasicMaterial对象设置了颜色为黑色。

通过这个示例代码，我们可以在Three.js中绘制多边形平面。

#######################