JESSIE ZHAI

Digital artist

A documentation page of rambling and experimenting.

@jessiehaseyes
jessiejiranzhai@gmail.com
02 OPPOSITES
ICM WEEK2



GO TO:
PATTERN
P5.JS SKETCH



For week 4’s creative assignment PATTERN, I chose to create a pattern that is hypnotizing. I wanted to create a formation that performs hypnotization (in theory).



PROCESS

Repeating patterns that form an interesting formation is the key to my hypnotic sketch, so I started with creating four circle patterns using the for loops.

To make it more interesting, I added a square pattern using the for loops in the center of the canvas.
I changed the color mode to HSL so I could change the color using teh random variable. I used the % for my stroke, which I saw from this reference. I’m not fully confident about it, but from my understanding, it is looping through a restained scope of colors.




By using the rotate and angle function, I got to rotate the smaller and bigger square in different directions to create an effect.
The overlapping parts between the squares and circles created this reflection-like effect that I love. It feels more three dimensional with it.





SOLVED PROBLEMS

  • Change/animate the stroke color using %
  • Rotate the squares
  • For loops
 


THINGS TO IMPROVE

  • If I had more time, I could like to resize the patterns based on my mouse movement. However, how do I make the size of all the circle change altogether while keeping the same distance between all of them?


INDEX  NEXT
JESSIEZHAI