Line in top right corner with rect()

Programming Questions

railon

Line in top right corner with rect()

in Programming Questions • 1 month ago

If I use the below code to draw a border, I get a diagonal line in the top right corner with the same color as the background. How do I make that little line go away?

for(int i = 0;i < 4;i++) {
rect(200+i,200+i,200-(i*2),200-(i*2));
}

Replies(3)

asimes

Re: Line in top right corner with rect()

1 month ago

Please post this with how you put setup() and or draw(). When I write:

void setup() {
size(600, 600);
for (int i = 0;i < 4;i++) {
rect(200+i, 200+i, 200-(i*2), 200-(i*2));
}
}

It looks fine but obviously I don't have your green / other code. Also, you may want to use strokeWeight() ( http://processing.org/reference/strokeWeight_.html ) instead of making 4 rect()s.

PhiLho

Re: Line in top right corner with rect()

1 month ago

Might be an artifact of a non-default renderer, like P2D, which might build a rectangle from two triangles (OpenGL and stuff).

railon

Re: Line in top right corner with rect()

1 month ago

I'm running this in an HTML5 canvas with processing.js and this result is produced, but if I convert my code over to the processing IDE there is no line in the top right corner when using rect. So I suppose it might be what PhiLho was talking about, if so how would I solve or debug this?

I guess I could just put a little fill in the top right corner of all my rects, but I'd rather have a more elegant fix.

EDIT - The lines only appear if I use a strokeWeight of 1, if I use greater than that they aren't there.

Top Reply