# Circle image masks, making and positioning

**URL:** <https://discourse.processing.org/t/circle-image-masks-making-and-positioning/32799>\
**Category:** Gallery\
**Created:** [October 13, 2021, 1:25pm UTC](https://discourse.processing.org/t/circle-image-masks-making-and-positioning/32799 "2021-10-13T13:25:44Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirkjerk](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kirkjerk/32/2107_2.png) [@kirkjerk](https://discourse.processing.org/u/kirkjerk)\
**Post date:** [October 13, 2021, 1:25pm UTC](https://discourse.processing.org/t/circle-image-masks-making-and-positioning/32799/1 "2021-10-13T13:25:44Z")

</div>

Hi there!  
Just wanted to share a technique I made for putting circle masks on (rectangular) images, and then positioning the circle itself. I describe it at [Kirk's UI Dev Blog: creating and positioning circle image clipping masks in p5.js](https://kirkdev.blogspot.com/2021/10/creating-and-positioning-circle-image.html) with an example at [p5.js Web Editor](https://editor.p5js.org/kirkjerk/sketches/qyfoMaVt0)