p5.Graphics element as overlay

alexR

EDIT: Please ignore this post. The code I tried did work after all. Sorry for noise.

I have two p5.Graphics objects of equal dimensions, each with some lines and circles. How do I overlay one over the other as I draw them to the screen?

I tried:

image(underlayGraphics); image(overlayGraphics);

but this results in the overlay completely overwriting the screen, i.e., none of the underlay shapes are visible.

Thanks in advance Alex

GoToLoop

• Use clear() over the p5.Renderer instance: http://p5js.org/reference/#/p5/clear
• Or at least background() w/ a 4th alpha argument: http://p5js.org/reference/#/p5/background
• Notice that p5.Graphics is called p5.Renderer now! :-t

alexR

Thanks for the clarifications, GoToLoop.