Javascript 在p5.js中创建实体三维形状

Javascript 在p5.js中创建实体三维形状,javascript,3d,processing,p5.js,Javascript,3d,Processing,P5.js,我正在尝试使用p5.js制作3D苹果曲面,与(Ctrl+F“苹果曲面”)上的图像类似: 我目前拥有的是(): 函数设置(){ createCanvas(500500,WEBGL); setAttributes('antialas',true); 填充(237、34、93); 冲程重量(3); } 函数绘图(){ 背景(200); 正常材料(); rotateY(帧数*0.01); rotateY(帧数*0.01); rotateZ(帧数*0.01); 苹果(); } 函数apple(){

我正在尝试使用p5.js制作3D苹果曲面,与(Ctrl+F“苹果曲面”)上的图像类似:

我目前拥有的是():

函数设置(){
createCanvas(500500,WEBGL);
setAttributes('antialas',true);
填充(237、34、93);
冲程重量(3);
}
函数绘图(){
背景(200);
正常材料();
rotateY(帧数*0.01);
rotateY(帧数*0.01);
rotateZ(帧数*0.01);
苹果();
}
函数apple(){
beginShape(三角扇形);
尺寸=20;
对于(假设u=0;u<2_PI;u+=0.1){
对于(设v=-PI;v

只需创建三角形条带原语(
三角形条带
-请参阅):

0246
+-------+-------+-------+---
| \     | \     | \     | \
|   \   |   \   |   \   |   \
|     \ |     \ |     \ |
+-------+-------+-------+---
1        3       5        7
函数设置(){
createCanvas(500500,WEBGL);
setAttributes('antialas',true);
填充(237、34、93);
冲程重量(3);
}
函数绘图(){
背景(200);
正常材料();
rotateY(帧数*0.01);
rotateY(帧数*0.01);
rotateZ(帧数*0.01);
苹果();
}
函数apple(){
尺寸=20;
对于(假设u=0;u<2_PI;u+=0.1){
beginShape(三角带);
对于(设v=-PI;v