javascript - 使用 Three.js 创建一个等边三 Angular 形

Question

我正在尝试使用 Three.js 创建一个等边三 Angular 形。我想出的东西似乎有点太高了。我像这样定义我的顶点:

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

这是我迄今为止所拥有的:http://jsfiddle.net/dkrotts/9d79ewff/ 。我该如何修改它，以便得到一个 3 条相等边的三 Angular 形？

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/