I know I need an underlying image to load the pixels to manipulate.
However, I'd like to only draw the image when it appears under the ripple, otherwise the background is black.
I'm not sure how to wrap my head around this one, conceptually. Any tips or pointers?
The code is below for reference.
Thank you!
*EDIT* For some reason I can't include the code here due to "max limit exceeded." I hope it isn't to much trouble to follow the link above. Sorry for that.
I'm trying to fill a simple shape (like a circle) with a generative pattern. Or, create a pattern and mask off everything that's not within the circle. I haven't made the pattern yet, but before I embark on this journey I want to know if it's do-able. I haven't had much luck in searching for it on the internet.
I'm looking at
this post as a reference but what I want to do is simpler than that:
load svg
multiply it in a pattern formation
draw ellipse
mask off extra
OR
draw ellipse
load svg, make pattern
place "inside" ellipse
The effect I'm looking for is similar to this:
Can anyone point me in the right direction? I'm just not sure what functions to use. It has to be simple because I'm not using beginShape() or endShape(), just the simple steps I mentioned above.