立方体算法不生成立方体 p5.js

Question

我正在使用 p5.js 和 WEBGL 有关它的更多信息 here

我需要使用坐标 (x,y,z) 绘制立方体

绘制它的函数：

 function drawCube(x,y,z,L) {
    A = new ThreeDpoint(x,    y,    z  );
    B = new ThreeDpoint(x,    y+L,  z  );
    C = new ThreeDpoint(x+L,  y+L,  z  );
    D = new ThreeDpoint(x+L,  y,    z  );
    E = new ThreeDpoint(x,    y,    z-L);
    F = new ThreeDpoint(x,    y+L,  z-L);
    G = new ThreeDpoint(x+L,  y+L,  z-L);
    H = new ThreeDpoint(x,    y,    z-L);

    line(A.x,A.y,A.z,  B.x,B.y,B.z);
    line(A.x,A.y,A.z,  D.x,D.y,D.z);
    line(A.x,A.y,A.z,  E.x,E.y,E.z);
    line(B.x,B.y,B.z,  F.x,F.y,F.z);
    line(B.x,B.y,B.z,  C.x,C.y,C.z);
    line(C.x,C.y,C.z,  G.x,G.y,G.z);
    line(C.x,C.y,C.z,  D.x,D.y,D.z);
    line(D.x,D.y,D.z,  H.x,H.y,H.z);
    line(E.x,E.y,E.z,  F.x,F.y,F.z);
    line(E.x,E.y,E.z,  H.x,H.y,H.z);
    line(F.x,F.y,F.z,  G.x,G.y,G.z);
    line(G.x,G.y,E.z,  H.x,H.y,H.z);
}

但这是我得到的结果：

谢谢。

Answer 1

只是猜测，但是E和H是同一个点

E = new ThreeDpoint(x,    y,    z-L);
H = new ThreeDpoint(x,    y,    z-L);

我想你希望 H 是

H = new ThreeDpoint(x+L,  y,    z-L);

立方体算法不生成立方体 p5.js

cube algorithm not generatin cube p5.js

javascript

p5.js