threejs geometry

Three.js中的Geometry是其他很多Geometry（如BoxGeometry、SphereGeometry）的基类，它是用来创建几何体的对象。Geometry对象包含了顶点、面和UV坐标等信息，可以用来描述一个物体的形状。\[1\]

在Three.js中，可以通过添加顶点、面和UV坐标来创建一个Geometry对象。顶点是物体的顶点坐标，面是由顶点组成的三角形或四边形，而UV坐标则是用来贴上纹理的坐标。通过设置这些属性，可以创建出各种不同形状的物体。

例如，可以通过以下代码创建一个三角形，并为其贴上纹理：

var vertices = \[
  new THREE.Vector3(-1.0, -1.0, 0.0),
  new THREE.Vector3(1.0, -1.0, 0.0),
  new THREE.Vector3(1.0, 1.0, 0.0)
\];

var face = new THREE.Face3(0, 1, 2);
var faces = \[face\];

var uvs = \[
  \[
    new THREE.Vector2(0.0, 0.0),
    new THREE.Vector2(1.0, 0.0),
    new THREE.Vector2(1.0, 1.0)
  \]
\];

var geometry = new THREE.Geometry();
geometry.vertices = vertices;
geometry.faces = faces;
geometry.faceVertexUvs\[0\] = uvs;

var texture = new THREE.TextureLoader().load('test.jpg');
var material = new THREE.MeshBasicMaterial({ map: texture });

var mesh = new THREE.Mesh(geometry, material);
scene.add(mesh);

这段代码创建了一个三角形的Geometry对象，并为其贴上名为'test.jpg'的纹理。最后，通过创建一个Mesh对象，将Geometry和Material结合起来，并将其添加到场景中。\[2\]

除了基本的几何体，Three.js还提供了许多其他类型的Geometry，如ConeGeometry、BoxGeometry等，可以根据需要选择合适的Geometry来创建不同形状的物体。例如，可以使用ConeGeometry来创建一个圆锥体：

var cone = new THREE.Mesh(new THREE.ConeGeometry(100, 100, 100, 10, false, 0, Math.PI * 3 / 2), material);
scene.add(cone);

这段代码创建了一个圆锥体的Geometry对象，并使用相应的Material创建了一个Mesh对象，最后将其添加到场景中。\[3\]
#### 引用[.reference_title]
- *1* *2* [Threejs中Geometry的用法示例](https://blog.csdn.net/yb0022/article/details/103329939)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [THREE.JS之几何体（Geometry）](https://blog.csdn.net/u011135260/article/details/52725162)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]