three.js绘制平面

Three.js是一个基于WebGL的JavaScript 3D库，可以用来创建复杂的3D场景和动画。绘制平面也是Three.js的一项基本功能，可以通过以下步骤来实现：

1. 创建一个平面几何体

var geometry = new THREE.PlaneGeometry(10, 10);

上述代码创建了一个长宽都为10的平面几何体。

2. 创建一个材质

var material = new THREE.MeshBasicMaterial({ color: 0xffff00, side: THREE.DoubleSide });

上述代码创建了一个黄色的基础材质，并设置了双面渲染。

3. 创建一个平面网格

var plane = new THREE.Mesh(geometry, material);

上述代码将上述几何体和材质结合起来，创建一个平面网格。

4. 将平面网格添加到场景中

scene.add(plane);

最后将平面网格添加到场景中即可。