Javascript 3d立方体显示不完美

我试图用我的向量制作一个纯3d立方体。 我当时认为它很完美，但当旋转它时，我可以看到一些线画得不正确，这是不完美的

我不明白为什么它不完美。我的一些向量错了吗

我正在使用p5.js来绘制它。我知道他们有3d旋转的方法和一些3d原语。但我不想用它们。我想画我自己的三维立方体

以下是我用作参考的代码：

const xIndex=0；
常数yIndex=1；
常数zIndex=2；
常数三边=3；
常数比=110；
常数framesPerSecond=30；
常数屏幕宽度=600；
常数屏幕高度=600；
常数fntSize=20；
变量顶点=[
//南方
[
[-1.0, -1.0, -1.0], [-1.0, 1.0, -1.0],  [1.0, 1.0, -1.0]
],
[
[-1.0, -1.0, -1.0], [1.0, 1.0, -1.0],  [1.0, -1.0, -1.0]
],
//顶
[
[-1.0, 1.0, -1.0], [-1.0, 1.0, 1.0],  [1.0, 1.0, 1.0]
],
[
[-1.0, 1.0, -1.0], [1.0, 1.0, 1.0],  [1.0, 1.0, -1.0]
],
//西部
[
[-1.0, -1.0, 1.0], [-1.0, 1.0, 1.0], [-1.0, 1.0, -1.0],
],
[
[-1.0, -1.0, 1.0], [-1.0, 1.0, -1.0], [-1.0, -1.0, -1.0]
],
//东边
[
[1.0, -1.0, -1.0], [1.0, 1.0, -1.0], [1.0, 1.0, 1.0]
],
[
[1.0, -1.0, -1.0], [1.0, 1.0, 1.0], [1.0, -1.0, 1.0]
],
//底部
[
[1.0, -1.0, 1.0], [-1.0, -1.0, 1.0], [-1.0, -1.0, -1.0]
],
[
[1.0, -1.0, 1.0], [-1.0, -1.0, -1.0], [1.0, -1.0, -1.0]
],
//北
[
[1.0, -1.0, 1.0], [1.0, 1.0, 1.0], [-1.0, 1.0, 1.0]
],
[
[1.0, -1.0, 1.0], [-1.0, 1.0, 1.0], [-1.0, -1.0, 1.0]
],
];
//让我的字体；
//函数预加载（）{
//myFont=loadFont（'assets/Roboto Black.ttf'）；
//}
函数设置（）{
createCanvas（屏幕宽度、屏幕高度、WEBGL）；
冲程重量（1）；
帧速率（framesPerSecond）；
//textFont（myFont，fntSize）；
冲程（0,0,0）；
}
函数绘图（）{
背景（220）；
for（设i=0；i

---

您需要闭合三角形周围的轮廓：

beginShape（）；
顶点（原点.x，原点.y，原点.z）；
顶点（点2.x、点2.y、点2.z）；
顶点（点3.x、点3.y、点3.z）；
顶点（原点.x，原点.y，原点.z）//