Interactive Summer23

Allen
// my biggest concept of the sentient mirror is "To be a mirror or not to be?That is the question." The work shows the obvious comparison of normal mirror which reflects everything it captures and the chaos artworks drawn by the th user's face and a bouncing ball. To be a mirror or not to be, it all depends on the user's mouse click. furthermore, user can even change the color by pressing 1,2,3. Press 4 to make the canvas cleaner, and s to save the GIF.

Anora
//A kitten eats fish in the sea, press shift to accelerate, facemesh is used to display fish schools, and bodymesh is used to display floating objects in the water. The sound from the microphone can make the kitten open its mouth.

Christy
//This project encourages the audience to embrace their femininity and feminine interests by only allowing them to see their feminine side in the sentient mirror, regardless of the audience’s gender. Since the patriarchal society stigmatizes femininity and sees it as superficial and inferior to masculine traits, many people are conditioned to suppress their femininity growing up. Inspired by recent hyperfeminine aesthetic trends such as bimbocore and barbiecore, I use feminine elements such as pink, hearts, images from shoujo anime, in this project to emphasize on hyperfemininity. I would like to challenge misogyny by showing that femininity is not to be ashamed of, and empower femininity through this project.

Doris
//Concept: The whole concept of my mirrors is to simulate the visual effect of old TVs.It's fun to simulate older items with modern technology.The graphic elements I use in my images and the way they move try to achieve the visual effect of manic pointsmanic points.And taking a cue from glitch aesthetics, there are a lot of strong contrasting colors used.This work contains the following features: you can use the keys to access different interactions, the color and size of the graphic elements change with the microphone, mouse position.You can use this code to complete unique artwork with a modern flavor.

Eaden
//When I think about making a mirror, I hardly know where to begin, I don't even know what a mirror should look like. Many years I don't even know what I should look like. I think I would like to vandalise myself because maybe I could finally figure out what is my reality. I used to look in the mirror and not think of anything, not know what I was looking at, a face, eyes, nose, body, but they don't feel like mine. I don't know if I will ever know who or what I am and I am so tired of being confused. Maybe when you look into this mirror, you will know who you are already and I wish you the best, I hope you do, then you won't be like me. I don't even feel like a person. All I know how to do is scribble and paste and draw, I don't know how to explain

Irene
Welcome To Build-A-Frog Workshop!
𓆏 Press ‘f’ to transform into a frog.
𓆏 Press ‘a’ to submerge yourself. The louder you are, the more you will be submerged.
𓆏 Press ‘r’ to rasterize yourself.
𓆏 Press 'q' to create facial keypoints.
𓆏 Press ‘s’ to save a GIF of yourself.
𓆏 Press ‘c’ to capture the screen.

Jason
//In “1984” I wanted to explore our history of technology and personal computing. I wanted this experience to simulate a nostalgic glimpse at a home computer setup on a cool summer night, complete with movie posters, snacks, bedroom mess, and the original Apple Macintosh. I was interested in the idea of a “screen within a screen” and visual perspective so designed my project around the ability to look around the room by moving your head as you would in real life, as well as control the images on the screen by pressing the virtual keys on the keyboard and mouse in the canvas. In additon you can control the facemesh with microphone input.

MJ
/*
This code is designed around the creative motif of "a mirror reflecting my emotions." It serves as a vivid and interactive visualization of human feelings, translating them into a virtual canvas where emotions become tangible and observable.

Emotion Color Spectrum:
The emotion-driven nature of the design is expressed through a color spectrum. Using a predefined set of colors, the code changes the background color based on the intensity of the user's voice. As emotions grow more intense, the colors adapt dynamically, symbolizing the fluctuating nature of human feelings. This represents the varying shades of emotions that can be experienced at different moments, echoing the complex and ever-changing nature of human sentiment.

Karaoke Room Inspiration:
Inspired by the lively ambiance of a karaoke room, an additional aspect of the code introduces music-related elements. A turntable is drawn on a dedicated layer, encapsulating the joy and excitement of singing along to favorite tunes. The rotation and visual elements of the turntable create a playful and musical mood, embodying the desire to express oneself freely and joyously.
*/

Mia
// text the assignment : When the mouse is moved, the mask goes with it, and blue stripes change curvature as the mouse moves. I specified three for the button interaction; when pressing 1, random particles will surface. When you press the number 2, a purple dot appears that moves with the mouse. When the number 3 is pushed, circles emerge. As the sound interacts, the blocks behind will get larger as the sound gets louder. At the same time, the circle will get larger.for the body I wrote it very simply, I added hearts and circles. Since I added the previous document, it will report an error, so I made a separate one. //

Stella
// Discription: My sentient mirror has two opposite concepts: background is a reality and video is a utopia. And I illustrate these two different terms are conflicting as putting a solid and monotonous effects. On the other hand, there are cute emoji’s and shaping are surrounding myself which mean the utopia that I imagine. To begin with the reality part , a black background interacts when you press mouse.White particles are randomly change the direction and flows like a wind. It contains the meaning of unpredictable life that I am living now and try to adjust in this society as it flows. Moreover, it also interacts with sounds and makes a glitch when the sound gets louder. It reflects my experience that I learned sometimes silence is a great way rather than speaking out loud. Communicating is a great method to survive in our society, but sometimes it could be a wise choice to be silence and showing my thoughts through behavior. And generating random square box on the camera is another effect a glitch. Lastly, I put "who am I?" which a process of defining myself in this world when I try to adjust in reality boundary. However, you can see cute round shape of cloud on your cheeks and see more controversy images when you press the key number 1,2,3,4. When you press key 1, it appears “Kuromi” character which is my favorite. It also open its’ mouth when the sound gets louder. Key 2 is about coloring rings. It shows how I purse diversity and love respecting differences by creating dynamic movement. Key 3,4 is about my interest, which are sweet stuffs and all about the universe. Universe is also not a part of reality and I always dream to go there so I can define universe as one of my utopia. Two different concepts are existing as a one visual art and I want to deliver my thoughts of living in a formulaic reality with dreams which motivate me to survive in this world.

Una
//Background Story:

//Bearadise is where all bears dreams to be, it’s in a place where there’s always sunshine and Lilacs blooming all year.

//Little bear is tired of gloom and rain. She heard that the entrance to Bearadise is near the intersection of the earth and sky. So she climbed over mountains and got to where the earth and sky meet. She stepped into the clouds and kept going up step by step.

//Finally, she reached the promised land of bears. There are lilacs floating everywhere, beautiful beaches, waves and palm trees. Bears there all have wings made of pink lilacs. She started to wonder if she could fit in here because she didn’t have wings or the ability to fly yet, and she only have daisy with her.

//Suddenly all bears flied to her with lilacs, they embraced her with the warm energy. “Whenever, wherever or whoever you are, Bearadise will always be in you.”

//She wanted nothing to change. She wanted everything to stop for that moment even though she knew she couldn’t. But at least she knew that there’d always be this place that nothing change at all, and one day she’ll reunite with and join all the bears again.

Younghyun
It contain things what i like such as favorite colors, animals and some cute things. Also I use low saturation colors to make people relax when they watch my work...
mouse
- left.right = foreground’s white circles size change
- up.down = background’s curve strokeweight change
- mousepress = background color change
keyboard
- “i” various size rectangle appear
- “k” random size rectangle attached to mouse appear
- “d” circles on face get darker
- “c” cat character appear
- “r” rabbit character appear
- “b” bear character appear
mic
- animal characters’s which appear when you press “r”,”b”,”c” mouth size and color change react to sound
face
- circles of various pastel colors with random sizes appeared on face
body
- skeleton of cyan color interact with body
- hamster emoji react to hand
- an emoji move with forehead

Zhiyi
// Persona
// Aug 3, 2023
// Felix Z.Y. Yuan

// This mirror is designed to reflect two side of your emotion

// The first side is the desire to gain attention, where you are trapped in a digital calculator-like world with a spotlight on you. You can move your mouse to control the spotlight, try and see what will happen to you mask persona. Also, you can move your face mask with WASD, and when you shout, you mask persona gets closer to the spotlight.

// The second side is the desire to just dance slowly by yourself, where you are really "blue" and time seems slow. But if you try slowly dancing, putting your hand higher/lower or left/right, you'll get something for yourself.

// Hope you have fun! ^ ^

Final Project: Sentient Mirror
Due: Thursday noon Week 6 (Aug 3, 1:15 PM).

Build a fully interactive experience through programming in p5.js. The project involves creating a sentient mirror - an intelligent and interactive mirror. The definition for this project is open-ended, so use your imagination. You can consider unique and strange mirrors or reflective surfaces that you encounter in life, like crystal balls, kaleidoscopes, and distorting mirrors.

The task is broken down into five components, and each component is built weekly, starting with in-class exercises to develop the conceptual and technical skills required. Building each component independently with assistance from the teacher, classmates, and search engines requires knowledge and skills learned in each week's classes. These exercises help to solidify your knowledge and skills in programming using p5.js to create complex and innovative interactive experiences.