RGB

Optical Illusion

Creating an animated optical illusion or moiré pattern.
→ link to code

Design Process

More than anything, I played with color here. Specifically the RGB of a computer screen. I used two circles and a square, the circles moving along the x and y axis and the square stationary, filling the whole canvas. The square is red, the circle along the x axis is green, the circle along the y axis is blue. The circles move back and forth along their axes.

It took me a while to figure out exactly what I wanted to do, and I figured the only thing I could do is just play around first. My initial idea that I wanted to do was to recreate a Penrose Tiling of rhombuses. I watched this Veritasium video and he happened to talk about Moiré patterns in the middle. It turned out to be way too time comsuming, so I wasn't able to do it, but maybe in the future.

Reflection

My code isnt' that complex, but it was interesting to see how much I could get with that, and the colors interacted and intersected with each other to create other colors and patterns.

Credits

This project drew inspiration from the article The Mysterious Moiré Pattern by Nazia Fakhruddin.