在p5.js中绘制一个四边形webgl 3d

我想在p5.js中绘制一个带有webgl支持的四边形。我的代码如下所示在p5.js中绘制一个四边形webgl 3d

function setup() { 
    myCanvas = createCanvas(window.innerWidth,500,WEBGL); 
    myCanvas.parent('canvas'); 
} 

function draw(){ 
    background(255); 
    fill('blue'); 

    beginShape(); 

    vertex(-100,-100,20); 
    vertex(100,-100,20); 
    vertex(100,100,20); 
    vertex(-100,100,20); 


    endShape(); 

}

但我只得到一个三角形。是否有任何其他方式在p5.js

来源

2015-11-06 suhail c

看起来这仍然是一个未解决的问题https://github.com/processing/p5.js/issues/1071 – Stedy

3D空间绘制四只需使用：

quad(x1, y1, x2, y2, x3, y3,x4, y4).

来源

2015-11-25 03:53:37 Tkasriel

你对Z轴做什么？ –

你写总会产生一个三角形，而不是四/矩形的代码，因为你开始从一个点到终点在同一点上，只覆盖两个点之间的其他点，即你只有三个点（三角形）。

对于四（方形）可以使其为：

scale(70); 
beginShape(); 
fill(1, 0, 0); 
vertex(0, 0, 0); 
vertex(0, 1, 0); 
vertex(1, 1, 0); 
vertex(1, 0, 0); 
vertex(0, 0, 0); 
endShape(CLOSE);

上面的代码具有相同的开始点和结束点覆盖3个不同的点使其总共4点之间。（A quad）

来源

2017-05-03 05:22:46

在p5.js中绘制一个四边形webgl 3d

回答

相关问题