This is a transformable image created with the p5.js Web Editor, with the theme of the sun and the moon, day and night.
sun&moon. Image:Images created with code and screenshots of p5.js pages.
In the Week 8 seminar, I learned how to use the p5.js Web Editor, a website for writing code to generate images. At first, we learned how to edit a pattern, move it to different positions, and make it larger or smaller. We also learned how to change the background and pattern colors, as well as how to make it change in special ways.
After learning these, I designed a simple pattern of day and night using Adobe illustrator. My idea was that I could click anywhere to change day to night, so I sketched such a design in Adobe illustrator. Then, using p5.js code, I pieced together clouds, the sun, and the moon with circles - interestingly, I discovered that the moon could be pieced together by using a small circle of the same color as the background to create the moon pattern.
Then, with the code I learned, I made it change from day to night by clicking. This was a very interesting process and exposed me to something very novelty.
Footer Text 2025