This is a companion discussion topic for the original entry at https://happycoding.io/tutorials/p5js/animation
I have created an android sprite in p5.js and I would like to know how to group this 2d shape consisting of circles, rectangles and arcs.
I want to be able to make this grouped object appear each time I click the mouse
You have a few options worth considering.
Option 1: You could use the
createGraphics() function to create a buffer that you draw your shapes to. After that, you can treat your buffer as an image, and draw it as a single unit.
Option 2: You could create a function or a class that draws all of the shapes as a unit. Then you’d call your function, or instantiate your class and then call its functions, to draw your shapes.
Some tutorials that might come in handy: