fill behaviour on beginShape()/endShape() vertices in WEBGL mode

I've got a question about some unusual behaviour with beginShape()/endShape() in WEBGL mode. When I draw just a simple square using 4 vertices everything is about right. But when I draw like a 'U' kind of shape it seems that the vertices are not filled correctly. I tried several beginShape() modes but none have got the right behaviour. In the example sketch below this is illustrated, the problem is the diagonal fill appearing in the lower right corner of the filled shape.

Here's an example sketch: http://www.nr37.nl/0/p5js

Also when I use noStroke(), fill(255,0,0) and then draw the vertices the shape is red (right shape in example), the left shape in the example is preceded by noFill(), stroke(0) but the shaped is still stroked red...

Tagged:
Sign In or Register to comment.