How to draw a line in p5 v1.0 webgl (bezier)

p5.js Coding Questions
1

I’m stuck with P5 v1.0’s webgl mode where each line turns out to be a plane. How to remove the white fill for the lines? I tried noFill() which doesn’t work. Also tried filling with a color at full transparency. That works only to some extend, but also create crazy artifacts that occlude other shapes.

1 Like
2

Hi @chaseLoop,

could you please provide some example code which demonstrates the issue?

Cheers
— mnse

PS: lines usually will be modified by methods containing *stroke* ie:

3

here are example code with show lines with white fill in v1.0.0. noFill() doesn’t work. and adding a transparent fill could still cause artifacts when there are multiple lines.


function setup() {
  createCanvas(400, 400, WEBGL);
}

function draw() {
  background(220);
  
    bezier(0,0,
          100,10,
          200,10,
          300,0)

}
4

Hi @chaseLoop

You mean you are using p5js v1.0.0 and that doesn’t work in this case ? The current version is v1.8.0 which had many many fixes since !?

I’ve tested with v1.8.0 and everything looks well…

Cheers
— mnse

2 Likes