A Documentation Blog for Interaction Lab
The author defines new media art as an art form that incorporates digital technology, such as computers, software, the internet, and virtual reality. New media art also explores the cultural, social, and political implications of these technologies and the impact Today, new media art is an art form that combines art, science, and technology. It … Continue reading Reading3: New Media Art: Introduction
Project Description My idea is basically an interactive storybook. I wrote a confessional poem about a little snail, and my project is the visual version of it. It is a comic book, with several comic rectangles appearing on the screen. The snail is the main character, the user could make the snail move … Continue reading Project B Proposal: I Am A Snail
My Gallery Page: https://ricci-liu.github.io/CCLab/Gallery/ How can orderly file name conventions (HTML files, CSS files, images, etc.) prevent errors when building a website? More order file collections could make people quickly discover the problem when an error happens. Besides, it’s more apparent when writing the image path. When would you want to use classes, when IDs? … Continue reading Week 11 Recitation: Ricci’s CClab Gallery
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
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