A Documentation Blog for Interaction Lab
1. My Own Experience With the Benefits And Ill Effects Of The Web The author mentioned that the web enables everyone to share information and people can access information from anywhere and anytime. As a Chinese student, I am taking an EAP class this semester about Rock and Roll music. To complete research and make … Continue reading Reflection of Reading 2: Long Live The Web
PART 1 The Elevator Pitch “The Illuminated Time” is a project imitating the phototropism of the natural growing process of tree rings. It consists of many math calculations and tricky solutions. In this interactive project, users can generate a unique ring shape by moving around with their mouse and saving the image … Continue reading The Illuminated Time: The Growing Tree rings — By Ricci Liu
https://editor.p5js.org/rl4800/sketches/L_Ew4QOY3 This is an image of flame illustrated by particles. I utilized classes for particles, and they are basically divided into three clusters. The fire would gather in a row and then fade away. What is Object-Oriented Programming (OOP), a Class and an Instance of the Class? I think it is basically a program … Continue reading
https://editor.p5js.org/rl4800/sketches/_tmks3rzR I drew a guitar dancer playing itself and dancing. What is the benefit of your class not relying on any code outside of its own definition? When calling an object using class, it makes the whole program neat and clean. We can move the object to any position we want. And … Continue reading Recitation 6: Ruiqi’s Guitar Dancer
Link to my project: https://editor.p5js.org/rl4800/sketches/KjViTWylr This is a character based on the socket. Its hair is rotating, as I designed it to look like a plugger. Besides, to make it look like a human, I added a body and legs, a blusher, and a skirt. I stored the different colors in the array. I … Continue reading Recitation 5: The Little Socket
My project: https://editor.p5js.org/rl4800/sketches/isXwG1QuD I made 9 images based on my imagination of what would sound and music look like when transferring them into patterns. It is a set of visible music. Some explanations of my images: Pic 1.2.3.4.6: visible sound waves Pic 5: notes that fall on the staff notation Pic 7: Piano Pic 8: … Continue reading Recitation 4: Music & Sound
Link to my project: https://editor.p5js.org/rl4800/sketches/hB99jWwZa I decided to make a tree with different random leaves to apply what we learned this week about random variables and conditional drawing. Every time people click the run button, the system generates a canvas with a random color. Then leaves with similar colors start to grow on the … Continue reading Week 3 Recitation: Growing
Link to my project: https://editor.p5js.org/rl4800/sketches/wIrflECOu For this creative code drawing class, I made a makeup game. Basically, it is like a virtual makeup painting game, users can select the color, the opacity, and the stroke weight of their brush using the keyboard. And they can reset the whole canvas by clicking the button. (the … Continue reading Recitation 2: Paint Your Face
Link to my project I saw this phonograph that day with my friend in an eyeglass store. Then I guess it could be divided into 2 basic shapes. And I tried to turn it into an abstract shape. However, I found it is so hard to draw the flower-shaped phonograph. So I tried it with … Continue reading Recitation 1 : The Phonograph
My Personal Thinking of the 3 Readings From these 3 readings, I have learned a new terminology called conditional design. From my previous understanding of art design, I think art is more like something that does not fit into reality and logic. Art design should be something that requires imaginative thoughts and creative productivity. I … Continue reading My Response to Conditional Design