标签: 几何体

是面片、线或点几何体的有效表述。包括顶点位置，面片索引、法相量、颜色值、UV 坐标和自定义缓存属性值。使用 BufferGeometry 可以有效减少向 GPU 传输上述数据所需的开销。

代码示例

const geometry = new THREE.BufferGeometry(); // 创建一个简单的矩形. 在这里我们左上和右下顶点被复制了两次。 // 因为在两个三角面片里，这两个顶点都需要被用到。 
const vertices = new Float32Array( [ -1.0, -1.0, 1.0, 1.0, -1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, 1.0, -1.0, 1.0, 1.0, -1.0, -1.0, 1.0 ] ); // itemSize = 3 因为每个顶点都是一个三元组。
geometry.setAttribute( 'position', new THREE.BufferAttribute( vertices, 3 ) ); 
const material = new THREE.MeshBasicMaterial( { color: 0xff0000 } ); 
const mesh = new THREE.Mesh( geometry, material );

罗天旭大约 6 分钟

Cure

Curve

用于创建包含插值方法的Curve对象的抽象基类。有关Curve的数组，请参见CurePath。

构造函数

Curve()

创建一个 Curve.

属性

.arcLengthDivisions : Integer

确定.GetLength计算曲线的累积分段长度时的分段量。为确保.getSpacedPoints等方法时的精度，如果曲线非常大，建议增加.arcLengthDivisions。默认值为200

罗天旭大约 2 分钟

曲线路径（CurvePath）

CurePath

一个扩展了Curve的抽象基类。CurvePath仅仅是一个已连接的曲线的数组，但保留了曲线的API。

构造函数

CurvePath()

构造函数中不传入参数。

属性

共有属性请参见其基类Cure。

.curves : Array

Curves数组。

.autoClose : Boolean

罗天旭小于 1 分钟

CatmullRomCurve3(曲线)

CatmullRomCurve3

使用Catmull-Rom算法，从一系列的点创建一条平滑的三维样条曲线。

const curve = new THREE.CatmullRomCurve3( [
 new THREE.Vector3( -10, 0, 10 ),
 new THREE.Vector3( -5, 5, 5 ),
 new THREE.Vector3( 0, 0, 0 ),
 new THREE.Vector3( 5, -5, 5 ),
 new THREE.Vector3( 10, 0, 10 )
] );
const points = curve.getPoints( 50 );
const geometry = new THREE.BufferGeometry().setFromPoints( points );
const material = new THREE.LineBasicMaterial( { color: 0xff0000 } );
const curveObject = new THREE.Line( geometry, material );

罗天旭小于 1 分钟

IcosahedronGeometry(二十面缓冲几何体)

IcosahedronGeometry

罗天旭小于 1 分钟

OctahedronGeometry(八面缓冲几何体)

OctahedronGeometry

罗天旭小于 1 分钟

ConvexGeometry(凸包几何体)

ConvexGeometry

import { ConvexGeometry } from "three/examples/jsm/geometries/ConvexGeometry"

const geometry = new ConvexGeometry( points );
const material = new THREE.MeshBasicMaterial( {color: 0x00ff00} );
const mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

罗天旭小于 1 分钟

DodecahedronGeometry(十二面缓冲几何体)

DodecahedronGeometry

罗天旭小于 1 分钟

TetrahedronGeometry(四面缓冲几何体)

TetrahedronGeometry

罗天旭小于 1 分钟

CircleGeometry(圆形缓冲几何体)

CircleGeometry

const geometry = new THREE.CircleGeometry( 5, 32 );
const material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
const circle = new THREE.Mesh( geometry, material );
scene.add( circle );

罗天旭小于 1 分钟