# Pixel distortion

**URL:** <https://discourse.processing.org/t/pixel-distortion/10783>\
**Category:** Coding Questions\
**Created:** [April 30, 2019, 1:31pm UTC](https://discourse.processing.org/t/pixel-distortion/10783 "2019-04-30T13:31:38Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Avishay](https://avatars.discourse-cdn.com/v4/letter/a/6f9a4e/32.png) [@Avishay](https://discourse.processing.org/u/Avishay)\
**Post date:** [April 30, 2019, 1:31pm UTC](https://discourse.processing.org/t/pixel-distortion/10783/1 "2019-04-30T13:31:38Z")

</div>

Hey!  
I’m trying to understand which code was used on this work:

> **[Bruno Canales on Instagram: “T17”](https://www.instagram.com/p/BnMZJtdg5Ba/?utm_source=ig_web_copy_link)**
>
> 524 Likes, 21 Comments - Bruno Canales (@canalesbr1) on Instagram: “T17”

Someone has an idea? 🙂

---

<div class="post-metadata">

**Author:** ![TheWizardBear](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/thewizardbear/32/3552_2.png) [@TheWizardBear](https://discourse.processing.org/u/TheWizardBear)\
**Post date:** [April 30, 2019, 6:30pm UTC](https://discourse.processing.org/t/pixel-distortion/10783/2 "2019-04-30T18:30:40Z")

</div>

I don’t know if it is just me, but I cannot see an image, just a blank picture.

---

<div class="post-metadata">

**Author:** ![Avishay](https://avatars.discourse-cdn.com/v4/letter/a/6f9a4e/32.png) [@Avishay](https://discourse.processing.org/u/Avishay)\
**Post date:** [April 30, 2019, 6:45pm UTC](https://discourse.processing.org/t/pixel-distortion/10783/4 "2019-04-30T18:45:00Z")

</div>

Could see it here also

> **[Bruno Canales on Instagram: “T17”](https://www.instagram.com/p/BnMZJtdg5Ba/?utm_source=ig_web_copy_link)**
>
> 524 Likes, 21 Comments - Bruno Canales (@canalesbr1) on Instagram: “T17”

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [May 2, 2019, 3:10pm UTC](https://discourse.processing.org/t/pixel-distortion/10783/5 "2019-05-02T15:10:31Z")

</div>

Guessing:

Looks like sin/cos wave harmonics – count the rings going up and then back down again, that is the frequency (the wave length) changing. At each point in the image, a pixel is displaced by some wave-based value and moved to a new location. Alternately, at each pixel in the image the underlying pixel has its grayscale value shifted by a wave-based amount. There might also be a bit of noise either added to the output value (the color of the resulting pixel) or to the displacement – although the results look highly symmetrical in the fine detail, so the whole thing could be purely deterministic.

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [May 2, 2019, 9:33pm UTC](https://discourse.processing.org/t/pixel-distortion/10783/6 "2019-05-02T21:33:59Z")

</div>

I should also mention that the details in your example look like they might be related to interference, e.g. Moiré patterns.

- [https://en.wikipedia.org/wiki/Moiré\_pattern](https://en.wikipedia.org/wiki/Moir%C3%A9_pattern)
- [https://www.google.com/search?q=processing.org+moire+pattern](https://www.google.com/search?q=processing.org+moire+pattern)