javascript - 如何使用 Aframe js 创建平行四边形？

Question

我一直在尝试使用 Aframe js 创建平行四边形，但找不到要创建的基元。请帮我创建它。

Answer 1

您可以通过创建自定义组件来手动制作，该组件将基于自定义 THREE.js 形状创建网格:

let points = [];
points.push(new THREE.Vector2(0, 0));
points.push(new THREE.Vector2(3, 0));
points.push(new THREE.Vector2(5, 3));
points.push(new THREE.Vector2(2, 3));

for (var i = 0; i < points.length; i++) {
  points[i].multiplyScalar(0.25);
}
var shape = new THREE.Shape(points);
var material = new THREE.MeshBasicMaterial({
  color: 0x00ff00
});
var mesh = new THREE.Mesh(geometry, material);
this.el.object3D.add(mesh);

工作 fiddle here 。请查看this question也是如此。