How to trigger programmaticaly the draw method of a sketch in 'instance' mode?

radumir

Hi!

I just want to use noLoop() in setup and therefore call only once the draw method but I want to update (to draw again) the sketch in some circumstances.

What's the best advice to achieve this?

I saw that in 'instance' mode it is needed a function f(sketch) that inside defines sketch.setup and sketch.draw and returns nothing.

I intend to define inside a function, let's say drawMethod and make the sketch.draw = drawMethod and finally return an object { draw: drawMethod } in order to expose the method to the outside world and be able to be called later.

I'm not sure if this is the recommended way or not.

Kind regards,

Radu Mirescu

jeremydouglass

@radumir -- re:

but I want to update (to draw again) the sketch in some circumstances

What circumstances? User input? A timed event?

If I'm understanding right you want to do something like this with noLoop(), an input event such as keyPressed(), and redraw():

void setup(){
  noLoop();
}
void draw(){
  background(0);
  translate(width/2,height/2);
  text(frameCount, 0, 0);
}
void keyPressed(){
  redraw();
}

...only using p5.js Instance mode. Is that right?

See this related discussion and reference:

• https://forum.processing.org/two/discussion/10174/in-instance-mode-how-do-i-write-events-function
• https://github.com/processing/p5.js/wiki/Instantiation-Cases

...and more from the reference and examples:

• https://p5js.org/reference/#/p5/noLoop
• https://p5js.org/examples/instance-mode-instantiation.html
• https://p5js.org/examples/instance-mode-instance-container.html
• https://github.com/processing/p5.js/wiki/Global-and-instance-mode

GoToLoop

https://forum.Processing.org/two/discussions/tagged?Tag=#instance+mode