Week 14

Project file 1
Live Demo

A final project of a cat whose color can be changed to orange, black, or white by pressing 1, 2, or 3, and it will follow the yarn ball with moving with the mouse. This project add the background with wall, floor, a TV, a sofa and a rug with different cute colors.

Credits & References

tutorials, friends and AI

Week 12

Project file 1
Live Demo

A cat that changes color to orange, black, or white when you press 1, 2, or 3, and follows the movement of the mouse.

Credits & References

collaborators, tutorials, friends and AI

Week 9

Project file 1
Live Demo

The colorful circles show that gently float up and down, each representing how many people in the U.S. are allergic to different foods.

Credits & References

Tutor, Class examples and references, AI

Week 3

Project file 1
Live Demo

The composition stages a dialogue between imperfection and wholeness. Warm, broken arcs trace an orbit that never completes—echoes of external standards, deadlines, and roles. Inside, a full circle assembles from discrete particles; its integrity isn’t given, it’s accumulated. The contrast frames the quote, “One can only rely on oneself to be complete.” The rainbow gradient marks the many states we pass through—joy, doubt, growth—before coherence emerges. The work claims that completeness is not the world closing around us but the self aligning within.

Credits & References

Collaborators, tutorials and AI

Week 1

Project file 1
Live Demo

This project inspired by Chinese history,Farewell My Concubine (1993), is a tragic gay love drama set amid war, political upheaval, and the shifting tides of 20th-century Beijing. The story of Cheng Dieyi and Duan Xiaolou blends opera, love, betrayal, and survival. The phrase “人,得自個兒,成全自個兒” (“One can only rely on oneself to be complete”) is deeply relevant. Dieyi devotes his life to Xiaolou, but in the end, he cannot depend on love, loyalty, or society for fulfillment. The tragedy shows that only by facing oneself—identity, pain, and truth—can one find dignity, even in despair.

Credits & References

tutorials, ChatGPT, help from classmates

Week 13

Project file 1
Live Demo

it's a updated of a cat whose color can be changed to orange, black, or white by pressing 1, 2, or 3, and it will follow the yarn ball when moving the mouse.

Credits & References

tutorials, friends, AI

Week 7

Project file 1
Live Demo

This project visualizes data about food allergies in the United States using p5.js. Each bar represents a specific food, and its height shows how many millions of people are allergic to it based on studies from 2018–2024. Different colors help distinguish each food type, and the chart automatically saves as an image after it’s drawn. The project demonstrates how data can be transformed into an engaging visual story through code, color, and design.

Credits & References

Tutor, class examples, AI, readings

Week 6

Project file 1
Live Demo

Discovering the allergic condition US children from 1999 til now

Credits & References

Office hour with professor, Munus and used ChatGPT to colleges some data and information.

Week 2

Project file 1
Live Demo

From this assignment, I learned how to use p5.js to animate particles so they scatter and then form a circle. I practiced using arrays, smooth movement with lerp(), and adding rainbow-colored text. I also learned to use a GUI to change text, colors, and save the sketch as a PNG. This showed me that coding can be creative and a way to express ideas.

Credits & References

ChatGPT,classmates., the coding train, references of p5.js