Closer/ Further

Project Name: Closer/Further (Scroll)

%e6%88%aa%e5%b1%8f2021-09-28-%e4%b8%8b%e5%8d%886-23-53 %e6%88%aa%e5%b1%8f2021-09-28-%e4%b8%8b%e5%8d%886-23-27

Project description:

When you get closer to the Camera, the square in the middle gets bigger. Reversely, when you move further from the camera, the square gets smaller. The project is a presentation of how we can control with our body movements. I introduced the ML5.Posenet library in order to measure the distance of two eyes. When the distance gets larger, the square gets bigger. At the beginning, I had no idea of what should be made. As I watched more and more Coding train videos, I gradually grasp the essence of movement Tracking. This is a good start for me. In addition to movement tracking, I also implement “random” function to my codes, aiming to creating a more vivid and colorful visual effects.

Project Link:

Edit: https://editor.p5js.org/YoungYoungYoung/sketches/HzhFV202N

Full screen: https://editor.p5js.org/YoungYoungYoung/full/HzhFV202N