When using the Aframe library to create a plane, I defined the following points:
point_1 = [0, 0, 0];
point_2 = [1, 0, 0];
point_3 = [1, 1, 0];
point_4 = [0, 1, 0];
To generate a plane in the XY plane, everything functions as expected. Here is the working code: https://jsfiddle.net/qtv10291/yp4mx6re/8/ However, when I modify the points to:
point_1 = [0, 0, 0];
point_2 = [1, 0, 0];
point_3 = [1, 0, 1];
point_4 = [0, 0, 1];
In an attempt to create a plane in the XZ plane, it fails and displays the error THREE.DirectGeometry: Faceless geometries are not supported.. Here is the problematic code: https://jsfiddle.net/qtv10291/49gvwL8a/