A Documentation Blog for Interaction Lab
Part1: For My Readers Link to My Project I am Ruiqi Liu, the project “I AM A SNAIL” I made is an interactive picture book, with childlike illustrations. The story is presented as an interactive cartoon picture book with some simple games inserted. Users can use the mouse and keyboard to control the snail to … Continue reading 【Project B】 “I AM A SNAIL: Slowing Down is the Best Way to Speed Up” by Ruiqi Liu
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
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/_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