如何使用Processing.JS制作3D表格?

如何使用Processing.JS制作3D表格?,processing,processing.js,Processing,Processing.js,我想运行一个for循环,它将有一条棕色的线。这条线会越来越小,但不会太小 最终图像如下所示,但桌面颜色为棕色: //后墙 填充(102、102、102); rect(50,50300300); //左上角 线(50,50,0,0); //右上角 生产线(350,50400,0); //左下角 线路(350400400); //右下角 生产线(50350,0400); //桌子 //左上角 填充(48,17,0); rect(163312,3,38); //右上角 填充(48,17,0); rec

我想运行一个for循环,它将有一条棕色的线。这条线会越来越小,但不会太小

最终图像如下所示,但桌面颜色为棕色:

//后墙
填充(102、102、102);
rect(50,50300300);
//左上角
线(50,50,0,0);
//右上角
生产线(350,50400,0);
//左下角
线路(350400400);
//右下角
生产线(50350,0400);
//桌子
//左上角
填充(48,17,0);
rect(163312,3,38);
//右上角
填充(48,17,0);
rect(230312,3,38);
//台面
填充(48,17,0);
rect(126322142,5);
//右侧
线路(126322168312);
//顶端
线路(234312168312);
//右侧
电话号码(26932232312);
//左下腿
rect(126327,5,41);
线路(126368126322);
//右下腿
rect(263327,5,41);
线路(269368322);
我已经尝试了以下循环:

for(变量x=200;x>100;x--){
中风(61,34,0);
线(x,200,x,200);
}
x值将减小,直到x=100。但是,即使在确定了背景后,它也不会显示线条变小的情况();这是不可能的


另外,给出的代码是分开的

您只需更改正在绘制的线条的
x
坐标,因此线条是水平移动的,而不是垂直移动的

如果您希望行垂直移动(在表格中显示颜色)和水平移动(在“越远”时使其变小),则必须更改传递到
line()
函数的
x
y

但你让事情变得更难了。你没有理由画一堆线来得到这个形状。只需使用函数直接绘制多边形即可。大概是这样的:

beginShape();
顶点(100100)//左上角
顶点(200100)//右上角
顶点(250200)//右下角
顶点(50200)//下=左
端形(闭合);
请注意,这只是一个示例,您必须使用这些值才能将其绘制在正确的位置。但关键是,您不必使用for循环来绘制直线,只需绘制多边形即可

由于您正在尝试绘制3D场景,还应注意,您可以简单地使用3D坐标和函数在3D中绘制。不需要强迫自己去看问题