Javascript 如何在p5.js中获得顶视图房屋

我是p5.js的初学者，这是我至今的代码：

函数设置（）{
createCanvas（600600）；
}
函数绘图（）{
背景（50168,82）；
道路（）；
豪斯（）；
}
多功能道路（{
填充（54、59、55）；
仰泳（）；
rect（200,020600）；
填充（19722202）；
rect（300,50,40,70）；
填充（19722202）；
rect（300、200、40、70）；
填充（19722202）；
rect（300、350、40、70）；
填充（19722202）；
rect（300500,40,70）；
}
多功能厅（）{
填充（20920761）；
rect（50,50,100,100）；
}

---

如果你想要一个简单的房子，你可以把正方形的两半做成不同的颜色（以不同的方式显示照射在屋顶两侧的光线）：

函数设置（）{
createCanvas（400400）；
背景（0）；
仰泳（）；
填充（125）；
rect（100100200100）；
填充（200）；
rect（100200200100）；
}

如果你想让它变得不那么简单，你至少需要使用，也许也需要。对于这两个命令，可以指定形状中每个点的x和y坐标。下面是一个稍微复杂一点的房子的例子：

函数设置（）{
createCanvas（400400）；
背景（0）；
仰泳（）；
填充（100）；
四（50100，
350, 100, 
300, 200, 
100, 200
);
填充（200）；
四（100200，
300, 200, 
350, 300, 
50, 300
);
填充（125）；
三角形（50100，
125, 200, 
50, 300
);
三角形（350100，
275, 200, 
350, 300
);
}

Hi，欢迎来到Stack Overflow。“顶视图房子”没有太多的意义，也不够具体…，你能详细说明一下你想要的结果应该是什么样子吗？好的，我会快速给你看一张图片，让你更好地理解它。我编辑了这个问题，并在那里添加了一张图片。因为我不能在评论中添加图像。最好不要为他们完成某个人的整个程序，但我建议学习四元函数和三角函数，然后学习灰度值的填充函数。如果你认为房子有很多形状，你会注意到它们都是四边形和三角形。