Strange behavior of clips with three successive ellipses/circles

[Coupechoux]

Most appropriate sub-area of p5.js?

• [ ] Accessibility
• [ ] Color
• [X] Core/Environment/Rendering
• [ ] Data
• [ ] DOM
• [ ] Events
• [ ] Image
• [ ] IO
• [ ] Math
• [ ] Typography
• [ ] Utilities
• [ ] WebGL
• [ ] Build process
• [ ] Unit testing
• [ ] Internationalization
• [ ] Friendly errors
• [ ] Other (specify if possible)

p5.js version

1.9.4

Web browser and version

Firefox 128.0.3

Operating system

Windows 64-bit

Steps to reproduce this

Steps:

1. Begin a clip.
2. Draw one shape followed by two circles (or ellipses) in the clip.
3. End the clip.

The resulting clip contains the first shape and the two circles AND an unwanted polygon created from the rightmost points of the circles.

Snippet:

function setup() {
    createCanvas(400, 400);
    background(0);
    beginClip();
    circle(100, 100, 100);
    circle(300, 100, 100);
    // square(250, 250, 100);
    circle(100, 300, 100);
    endClip();
    background(255);
}

Left image : 3 circles Right image : 2 circles + 1 square + 1 circle

[welcome[bot]]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, please make sure to fill out the inputs in the issue forms. Thank you!

[AaratiAkkapeddi]

Hi! I'd love to help with this task