Mini Project 3: Generative Motion

Final Gif Picture (1)
Final Gif Picture (2)
Final Gif Picture (3)
Failed Gif Picture
Random Feature Code
Swirl Feature Code

For mini project 3, we were instructed to create a gif depicting generative motion through coding on the p5.js platform. This project was the most difficult for me to execute. I ran into numerous obstacles regarding what kind of gif to make, which motions I wanted to execute, and overall, how to code such a vision. As I joined the class relatively late, I struggled in keeping up with the rest of the students. Similar to my other projects, I had to utilize trial and error, in which failed or irrelevant codes are commented, rather than deleted. In the final product of my gif, I had not perfectly executed the vision I was pursuing, but I created a piece that reflects my ability to code. I developed a gif that has various random features in it, such as random colored (both fill and stroke) circles and squares popping up in all areas, as well as a swirl-like visual made from numerous circles. I also explored with random lines and other various shapes, however, they kept overlapping the main swirl visual, which was displeasing. Regarding the mathematical aspect, I utilized both sine and cosine to generate the moving circles and various blinking of color for the swirl made up of circles. I attempted to adjust both sin and cosine values by testing out different speeds and spacings of the circle movements. As shown in my code that numerous features I attempted to add had failed, I tried to manipulate the placement and movement of these features, but it was far too difficult for me to execute. I used the p5.js reference for assistance, and watched multiple videos of how other generative motion was created to help inspire my vision for this project. Overall, I truly believe that the gif outcome of this project is not as pleasing as the others, but it does reflect what I have learned in coding so far, taken into consideration that I am behind in the class than the other students. I will continue to try my best to learn more coding functions, as well as the manipulation of variables and more to improve my skills.

 

Leave a Reply

Your email address will not be published. Required fields are marked *