Artist of the week is John Whitney, a filmmaker, animator, and considered one of the fathers of computer animation. The topic that I learn this week is using trigonometry like sine and cosine to create graphics and animation.
Matrix III (1972) by John Whitney
Original Recreating
To recreate this part of the animation, first, I calculated the position of each corner by using sine for y positions and cosine for x positions and adjust the size of each triangle by extending the radius. After that, I use sine and cosine of time to create the movement. It's not that perfect but I'm happy that I learn something from it. The most obvious mistake that I made is I swap the color of the triangles.
Code
Link to code : https://editor.p5js.org/Atchareeya_J/sketches/Ts77ZboUK
Reference : https://youtu.be/ZrKgyY5aDvA
Catalog (1961) by John Whitney.
Original Recreating
Another piece I recreated is part of the Catalog film, I placed each character in a circle using sine and cosine to determine the position and shrank it by reducing the radius. One detail that I can't achieve is to have multiple colors in one circle.
Code
Link to code : https://editor.p5js.org/Atchareeya_J/sketches/PrcdAETSs
Reference : https://youtu.be/TbV7loKp69s
Experiment with Sin(time)
I also tried to do one experiment from Zach's sine example. In this piece, I manipulated the movement of the circle by mouse position and adding some tail for each circle using alpha. It's quite interesting to see the movement changing while moving the mouse each space in this square has its own pattern according to position and time.
Try moving the mouse across the sketch!
Link to Code : https://editor.p5js.org/Atchareeya_J/sketches/wI9BuL98s
コメント