BLOG
WK 11
I made six fountains. Each fountain will play a looped music/beat. The amplitude controls the brightness of the particles.
WK 10
This week I made a game with Una. She did the skeletons of the game structure and mechanism, and then I did the visuals and some refines.
WK 9
I used the poseNet tutorial as my reference to detect the face. The triggering method is detecting the distance between two eyes, and based on the distance, the numbers will be constrained into (0, 255). As the audience moves forward, the tint will get blue, and if the person moves backward, it turns red.
the music and the video is AI-generated. JUKEBOX&PLAZMA PUNK
https://editor.p5js.org/kefan/sketches/kPJyWu_07
WK 7
I refined the sketch I made last week. I changed the style of the whole canvas to make a more interesting and playful color palette. Then I added a poop element to make the pet "poop" and have seaweed grow where the poop drops. To make it more "game-like", I added a zoom-in effect after all the bubbles were poked. The player can press the "I'm stuffed" button to restart the game.
I also asked chatGPT to change the color of the seaweed.
https://editor.p5js.org/kefan/sketches/fyOc4baVJ
WK 6
I made a rough sketch for this week's assignment. The fish will eat the bubbles and get bigger.
https://editor.p5js.org/kefan/sketches/7oFZ3p5MZ
WK 5
I changed the angle of the camera and separated my code into different functions. I had a little issue with the rotation of the first two elements which are from the origin point. Then I asked chatGPT and it answered as below:
The rotation issue you are experiencing in the drawSigns function comes from the usage of rotateY(millis() / 3000); after drawing and placing the text. The rotation affects all subsequent drawing operations in the draw loop, not the previous ones.
To ensure that the rectangles, circles, and text are all affected by rotation, you should apply rotateY at the beginning of your for loop inside the drawSigns function. Also, you should wrap the draw code inside push() and pop() to isolate the transformations (like rotation) to only the elements inside these function calls.
WK 4
This week, I delved deeply into the concept of looping. My inspiration came from the iconic NYC subway signs, quintessential symbols of the city. As I attempted to recreate these signs, I experimented with 3D rotations. However, I encountered a challenge: the rectangle, circle, and letter appeared on the same plane. I was perplexed about how to layer them so that they manifested at different depths in 3D space. Seeking a solution, I consulted ChatGPT. It advised me to use the translate( ) function with push( )and pop( ) to adjust their z-values, effectively positioning them at distinct depths.
WK 3
Assignment #3
Design Statement:
Inspired by the intricate and interconnected patterns found in knitting, this creative coding project aims to capture the essence of a knitted sweater through a dynamic and interactive digital artwork. By blending randomness and repetition, the program generates a visually captivating pattern reminiscent of knitted stitches. The inclusion of user interaction, such as color control and frame rate adjustment, not only adds an element of engagement but also celebrates the fusion of traditional craft and modern technology. This design seeks to evoke the warmth and comfort associated with handcrafted textiles while exploring the possibilities of digital artistry.
WK 2
Assignment #2 Create a sketch that includes (all of these):
-
One element is controlled by the mouse.
-
One element that changes over time, independently of the mouse.
-
One element that is different every time you run the sketch.
1. Create 3 elements to start.
2. Complete the first element that is controlled by the mouse by using mouseX and mouseY.
3. Complete the second element that changes independently of the mouse by using random numbers.
4. Complete the third element that is different every time we run the sketch.
5. Add more fancy effects. Having a really hard time constraining the small circle inside the big circle.
WK 1
Self-portrait
The circles symbolize both individuality and community, coming together in a random of colors and forms. Each circle represents the people I met, my aspirations, and the diverse influences from the community. The use of purple, a color associated with NYU but also creativity, reflects my dedication to intellectual exploration and the pursuit of learning.
