three.js.Line显示每个顶点

要显示每个顶点的方法是使用`THREE.Points`，而不是`THREE.Line`。 `THREE.Points`可以显示每个点，并且可以设置每个点的大小和颜色。以下是一个简单的例子：

// 创建一个包含顶点坐标的数组
var positions = [
  0, 0, 0,
  1, 1, 1,
  2, 2, 2
];

// 创建一个几何体并将顶点坐标数组传入
var geometry = new THREE.BufferGeometry();
geometry.addAttribute('position', new THREE.Float32BufferAttribute(positions, 3));

// 创建一个材质
var material = new THREE.PointsMaterial({size: 10, color: 0xff0000});

// 创建一个点云对象并将几何体和材质传入
var points = new THREE.Points(geometry, material);

// 将点云对象添加到场景中
scene.add(points);

在这个例子中，我们创建了一个包含3个顶点的数组，然后将它们传入一个`THREE.BufferGeometry`。接着，我们创建了一个`THREE.PointsMaterial`并设置点的大小和颜色。最后，我们创建了一个`THREE.Points`对象并将几何体和材质传入。最终，我们将点云对象添加到场景中。

相关问题

three.js.Line顶点显示不同颜色

要显示`THREE.Line`的每个顶点的不同颜色，可以使用`THREE.BufferGeometry`和`THREE.LineBasicMaterial`，并将颜色数据传递给几何体的`color`属性。以下是一个简单的例子：

// 创建一个包含顶点坐标和颜色的数组
var positions = [
  0, 0, 0, 1, 0, 0,
  1, 1, 1, 0, 1, 0,
  2, 2, 2, 0, 0, 1
];

// 创建一个几何体并将顶点坐标数组传入
var geometry = new THREE.BufferGeometry();
geometry.addAttribute('position', new THREE.Float32BufferAttribute(positions, 3));

// 将颜色数据传递给几何体的color属性（每个顶点对应一个颜色）
geometry.addAttribute('color', new THREE.Float32BufferAttribute([
  1, 0, 0,
  0, 1, 0,
  0, 0, 1
], 3));

// 创建一个材质
var material = new THREE.LineBasicMaterial({vertexColors: THREE.VertexColors});

// 创建一个线对象并将几何体和材质传入
var line = new THREE.Line(geometry, material);

// 将线对象添加到场景中
scene.add(line);

在这个例子中，我们创建了一个包含3个顶点的数组，并将它们传入一个`THREE.BufferGeometry`。接着，我们将颜色数据传递给几何体的`color`属性，并使用`THREE.LineBasicMaterial`创建一个材质，并设置`vertexColors`为`THREE.VertexColors`。最后，我们创建了一个`THREE.Line`对象并将几何体和材质传入。最终，我们将线对象添加到场景中。

three.js.Line显示顶点

要在three.js中显示顶点，你可以使用three.js的Line对象。Line对象可以用于绘制一系列的线段，并且可以设置每个顶点的颜色和位置。

首先，你需要定义一个包含所有顶点的数组。例如，假设你有一个包含三个顶点的数组：

var vertices = [
  new THREE.Vector3( -10, 0, 0 ),
  new THREE.Vector3( 0, 10, 0 ),
  new THREE.Vector3( 10, 0, 0 )
];

然后，你可以创建一个LineGeometry对象，并将该数组传递给它：

var geometry = new THREE.LineGeometry();
geometry.setPositions( vertices );

接下来，你可以创建一个LineMaterial对象，并设置每个顶点的颜色：

var material = new THREE.LineMaterial( {
  color: 0xffffff,
  vertexColors: THREE.VertexColors
} );

var colors = [];
colors.push( new THREE.Color( 1, 0, 0 ) );
colors.push( new THREE.Color( 0, 1, 0 ) );
colors.push( new THREE.Color( 0, 0, 1 ) );

geometry.setColors( colors );

最后，你可以将LineGeometry和LineMaterial传递给Line对象，然后将它添加到场景中：

var line = new THREE.Line( geometry, material );
scene.add( line );

这将创建一个包含三个顶点的线段，并将每个顶点的颜色设置为红色、绿色和蓝色。