three.js让n个模型以顺时针的方向摆放在一个长方形平面的四面

首先，你需要确定长方形平面的四个顶点的坐标。

然后，你可以通过以下步骤来摆放模型：

1. 计算出平面的中心点坐标。

2. 将模型依次放在中心点周围，每个模型之间的角度为360度除以模型数量。

3. 将模型沿着平面法线方向旋转，使其与平面垂直。

4. 将每个模型沿着平面法线方向平移，使其落在平面上。

代码示例：

//定义平面的四个顶点坐标
var topLeft = new THREE.Vector3(-10, 0, 10);
var topRight = new THREE.Vector3(10, 0, 10);
var bottomRight = new THREE.Vector3(10, 0, -10);
var bottomLeft = new THREE.Vector3(-10, 0, -10);

//计算平面的中心点坐标
var center = new THREE.Vector3();
center.add(topLeft).add(topRight).add(bottomRight).add(bottomLeft);
center.divideScalar(4);

//定义模型数量
var modelCount = 6;

//计算模型之间的角度
var angleStep = Math.PI * 2 / modelCount;

//定义模型大小
var modelSize = 2;

//依次放置每个模型
for (var i = 0; i < modelCount; i++) {
  //计算模型的位置
  var angle = angleStep * i;
  var position = new THREE.Vector3(
    Math.cos(angle) * modelSize,
    0,
    Math.sin(angle) * modelSize
  );
  position.add(center);

  //创建模型
  var geometry = new THREE.BoxGeometry();
  var material = new THREE.MeshBasicMaterial();
  var mesh = new THREE.Mesh(geometry, material);

  //将模型沿着平面法线方向旋转
  mesh.lookAt(center);

  //将模型沿着平面法线方向平移
  mesh.position.copy(position);

  //将模型添加到场景中
  scene.add(mesh);
}

这个示例代码会在一个长方形平面上放置6个大小相同的立方体，每个立方体之间间隔相等，并且朝向平面中心点。