Processing p5.js webgl多边形线连接解决方案?

Processing p5.js webgl多边形线连接解决方案?,processing,shapes,p5.js,stroke,Processing,Shapes,P5.js,Stroke,关于在p5.js WEBGL模式下使用笔划的自定义形状(使用beginShape函数): 在WEBGL模式下,lineJoint()和lineCap()函数不可用。 这就是为什么形状中的线不能无缝连接的原因。 我尝试在自定义形状中使用轮廓来解决此问题,但在WEBGL模式下也没有实现 有没有其他方法让这些线连接起来 非常感谢 代码笔有问题: 非工作轮廓 函数设置(){ createCanvas(window.innerWidth、window.innerHeight、WEBGL); } 函数

关于在p5.js WEBGL模式下使用笔划的自定义形状(使用beginShape函数): 在WEBGL模式下,lineJoint()和lineCap()函数不可用。 这就是为什么形状中的线不能无缝连接的原因。 我尝试在自定义形状中使用轮廓来解决此问题,但在WEBGL模式下也没有实现

有没有其他方法让这些线连接起来

非常感谢

代码笔有问题:

非工作轮廓

函数设置(){
createCanvas(window.innerWidth、window.innerHeight、WEBGL);
} 
函数draw(){
设strokeSize=20;
背景(2,8,51);
光滑的();
noFill();
冲程重量(冲程大小);
中风(255255);
多边形(0,0,200,7);
}
函数多边形(x、y、半径、npoints){
设角度=两个π/n点;
beginShape();
对于(设a=0;a<2_PI;a+=角度){
设sx=x+cos(a)*半径;
设sy=y+sin(a)*半径;
顶点(sx,sy);
}
/*不工作:
begintour();
对于(设a=0;a<2_PI;a+=角度){
设sx=x+cos(a)*(半径-行程大小);
设sy=y+sin(a)*(半径-行程大小);
顶点(sx,sy);
}
endContour()*/
端形(闭合);
}

AFAIK p5.js'
WEBGL
模式仍然是一个实验性的模式,您在2D模式中使用的一些功能仍然是

目前,我可以建议一种简单的解决方法:使用内部形状,类似于:

函数设置(){
createCanvas(window.innerWidth、window.innerHeight、WEBGL);
} 
函数draw(){
设strokeSize=20;
背景(2,8,51);
光滑的();
填充(255);
//冲程连接(斜面);
//冲程重量(1);
中风(255255);
多边形(0,0,200,7,0.85);
}
函数多边形(x、y、半径、N点、厚度比){
设角度=两个π/n点;
beginShape();
//连续波
for(设a=0;a=0;a-=角度){
设sx=x+cos(a)*半径*厚度比;
设sy=y+sin(a)*半径*厚度比;
顶点(sx,sy);
}
//endContour();
端形(闭合);
}