Using clip() prevents next loop render

[ThatIsAPseudo]

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• p5.strands
• WebGL
• DevOps, Build process, Unit testing
• Internationalization (i18n)
• Friendly Errors
• Other (specify if possible)

p5.js version

1.11.10

Web browser and version

Chromium 142.0.7444.180, Firefox 145.0.1

Operating system

macOS 15.7.2

Steps to reproduce this

When using clip(), nothing more is drawn in the canvas even in next loops.

Steps:

Execute the following code :

function setup(){
    createCanvas(100, 100);
}

function draw(){
    background('black');

    fill('white');
    text(frameCount, width/2, height/2);

    clip();
    // could also be beginClip(); endClip();

    // console.log(frameCount) will actually log numbers going up
}

Expected behaviour:

Text showing numbers going up in the canvas.

Actual behaviour:

Text displayed in the canvas is stuck on 1.
Note that the loop is still running, if I add a console.log(frameCount) in the draw function, it will actually log numbers going up.
Moreover adding push() pop() around clip() behaves the same.

[nbogie]

Hi! I've not much experience with clip but here are a couple of working counter-examples using clip in draw in case they're helpful to you:

• with push-pop
• without push-pop

Your snippet crashes for me on 1.11.11 because you haven't passed an argument to clip() - it's not optional according to the docs at https://p5js.org/reference/p5/clip/

[ThatIsAPseudo]

@nbogie Thanks for you help. I did not have any error in the developper console using clip(), my mistake though for not trying to use beginClip(); endClip(); instead AND enclose it with push pop.