Mini Projects

Link to my project  Brief Description: In this project, I made a group of fish freely swimming in a pool. When you click on the water, the ripples will appear. Visual Documentation:   Coding: Inspired by Leon, I tried to use noise() to control the movement of the fish. First, I tried to use noise() … Continue reading Mini Project 6: Particle World—Fishpond

Waving sausage dog project link Description and Concept In this project, I made a sausage dog that is waving his long body. His legs swing with his body movement. Meanwhile, his tongue and tail are shaking at a faster speed.   Coding The most important part of my code is the waving body. With Leon’s … Continue reading Mini Project 5. Object Dancers

Link link 1 (page 1-6) Link 2 (page 7-9) Brief Description In this mini-project, I produced three groups of patterns, and they were all based on the repeating rectangles that start from the right-up corner. In the first group, I changed the number of repeats. In the second group, I added some random rectangles in … Continue reading Mini Project 4: Generative Landscapes & Patterns

Mini project 3 Sketch 1 link In this sketch. I drew eight circles ranked in a diagonal and divided them into two groups. One group moves to the right first. their x position change follows the sin value. The other group does the opposite, so their change follows the -sin. Meanwhile, one of their RGB … Continue reading Mini project 3 & project A proposal

Project Link https://editor.p5js.org/YuzhuoSun-Zora/sketches/nW7bQ1P0U Brief Description In this mini project, I exchanged the portfolio with my partner and exchanged our dreams or a nice experience. She told me she likes delicacies, especially sushi, so I designed an “eating game” with her portfolio. In the game, we can use the mouse to drag sushis to the mouth … Continue reading Mini Project 2- Interactive Memories and Dreams

Project Link https://editor.p5js.org/YuzhuoSun-Zora/sketches/JC1TYFYSg Brief Description In this mini project, I made a self-portrait with p5.js. I drew my outline and a special expression inspired by emoji on paper. I tried to simplify the portrait to geometric figures. Then, I drew it in p5.js. Demo/Visual Documentation   Coding: This is my complete code： function setup() { … Continue reading Mini project 1: Drawing with code