Assignment

https://editor.p5js.org/LUNAPARK1/sketches/YbAevJ5nF

In this assignment, I made three significant changes to my original self-portrait project:

  1. Background Color Change
    1. The background color now changes randomly with each mouse click. This change is related to mouse clicks and interaction with the environment. Each click generates a new random color, creating a dynamic visual effect. I think each new background color symbolizes a shift in mood and reflecting the idea that interaction can alter the overall atmosphere.

스크린샷 2024-09-15 오후 10.16.44.png

화면 기록 2024-09-15 오후 10.11.53.mov

  1. Eye Movement Management

    1. The eyes follow the position of the mouse cursor. This feature is directly related to mouseX and mouseY. As the mouse moves, the eyes adjust their position accordingly. This creates a dynamic relationship between the mouse’s position and the eye’s position, simulating a “gaze” that shift based on the user’s movement.

    스크린샷 2024-09-15 오후 10.19.49.png

    화면 기록 2024-09-15 오후 10.19.58.mov

  2. Side Bang Thickness Variation

    1. The thickness of the side bangs change based on horizontal mouse position. The thickness varies between 1 to 10 stroke, related to mouseX. Moving the mouse from left to right adjusts the thickness of the side bangs. This change allows the side bangs’ thickness to respond dynamically to mouse movement and adding an interactive element to the portrait.

스크린샷 2024-09-15 오후 10.27.46.png

화면 기록 2024-09-15 오후 10.28.12.mov