使用 three.js 创建等边三角形

Question

我正在尝试使用 three.js 创建等边三角形。我想出的东西似乎有点太高了。我这样定义我的顶点：

new THREE.Vector3(0, 0, 0),
new THREE.Vector3(4, 0, 0),
new THREE.Vector3(2, 4, 0)

这里是 fiddle 我目前所拥有的：http://jsfiddle.net/dkrotts/9d79ewff/。我怎样才能修改它，使我有一个 3 条相等边的三角形？

Answer 1

它看起来有点高，因为它确实是。如果您希望每一边的长度为 4，则第三个顶点（顶部顶点）不位于 (2, 4, 0)，它位于 (2, 3.4641, 0)，3.4641 是根 12.

drawTriangle(
  new THREE.Vector3(0, 0, 0),
  new THREE.Vector3(4, 0, 0),
  new THREE.Vector3(2, 3.4641, 0)
);

Create an equilateral triangle using three.js