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

Question

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

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

到目前为止，这是一个小提琴：http://jsfiddle.net/dkrotts/9d79ewff/。我怎么能修改这个，所以我有一个三边相等的三角形？

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)
);

http://jsfiddle.net/9d79ewff/2/