Placing shapes and images inside of shapes - Clipping masks in p5.js

Channel:

Steve's Makerspace

Subscribers:

7,360

Published on August 28, 2022 12:00:17 PM ● Video Link: https://www.youtube.com/watch?v=Wdz71QzcdyY

Duration: 12:24

2,148 views

54

In this video, I go over various examples of using the clip function, mask function, and erase function to place images and shapes inside of other shapes, and make effects inside of shapes, such as a Perlin noise field inside of a circle. Very useful when making generative art / creative coding in p5.js.

Example code used in video: https://editor.p5js.org/StevesMakerspace/sketches/QgIphAoaM

Masking Images video by Jeff Thompson:
https://www.youtube.com/watch?v=V-8FE_IQONY

Masking Effect video by Kazuki Umeda:
https://www.youtube.com/watch?v=_Nj49oc5WO4

Join my Discord: https://discord.gg/FSW6zzU

Follow me on Twitter: https://twitter.com/SteveMakerspace

Music:
Funk Down (Sting) by MK2 (theme)