three.js 绘制三角形

要使用 three.js 绘制三角形，你需要先创建一个场景（Scene）和一个相机（Camera），然后创建一个平面几何体（PlaneGeometry），并指定其顶点坐标。最后创建一个材质（Material）和一个网格（Mesh）将它们组合起来。

以下是一个简单的示例代码：

// 创建场景和相机
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

// 创建平面几何体
var geometry = new THREE.Geometry();
geometry.vertices.push(new THREE.Vector3(-1, 0, 0));
geometry.vertices.push(new THREE.Vector3(0, 1, 0));
geometry.vertices.push(new THREE.Vector3(1, 0, 0));
geometry.faces.push(new THREE.Face3(0, 1, 2));

// 创建材质和网格
var material = new THREE.MeshBasicMaterial({ color: 0xffffff });
var mesh = new THREE.Mesh(geometry, material);

// 添加网格到场景中
scene.add(mesh);

// 渲染场景
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
renderer.render(scene, camera);

这段代码创建了一个三角形，其顶点分别为 (-1, 0, 0)，(0, 1, 0)，(1, 0, 0)。你可以将其复制到你的项目中，并根据需要修改顶点坐标和材质属性来实现你想要的效果。