Final Project Proposal by Yuhan Qian

  1. Work Title: Artistic Visual Arts Generating System
  2. Short Description:
    Get an artistic abstract image or poster with one click. Based on Processing, Artistic Visual Arts Generating System create visual arts for the users with no art background but a sense and pursuit of aesthetics.
  3. Team Member: Yuhan Qian
  4. Narrative Description:
    When I was in high school, I wanted to prepare myself as an art major student in college, while my parents preferred me to learn business because of the family business. So I chose marketing as my major. But my love of arts never stopped. I learned photography and played studio arts in school, which continuously develop my sense of aesthetic.
    My experience in both business and art worlds makes me realize the importance of visual aids. The major work of a marker is communication, which requires visual aid to better engage audiences and create a better understanding. When making slides, using a template is easy while also very likely to be the same with the other. Otherwise, either finding one image that fit the needs exactly or creating an abstract image is always time-consuming.
    The needs for good visual aids leads me to explore Process as a tool for generating eye-pleasing images. Based on my work in previous weeks, I do feel processing could generate abstract images with aesthetic. The “randomness” gives me surprise and innumerable possibilities. I can get the inspiration from current masker pieces and recreate.
    Especially, I found a great book called “Shapes Geometric Forms in Graphic Design”, which collects masterpieces of Graphic Design focusing on using Geometric forms. And Processing could create various shapes as well.
       For my final project, I want to choose 20-30 masterpieces for recreation within the book and among the Internet.  The final work, ideally, would contain a physical book and an interface. The physical book has printed image for the users to look through, and to illustrate the “randomness” in generative arts as well. The digital interface leading to the digital Visual Arts Generating System, which allows the users to generate the images he/she likes.
  5. Visual Support:
    a. examples for recreationb.example for using the generative image in making slides

    c. Printed book

Final Project Proposal

  1. Work Title (Tentative): An Experience of Self
  2. Short Description: Here your sense of self is embodied as a porcelain plate floating in a dynamic pool and chiming because of your interactions with other floating plates.
  3. Team member: Amy Mao
  4. Narrative Description: I was inspired by one of my favorite artists Celeste Boursier-Mougenot’s artwork Clinamen, a changing, chiming soundscape where porcelain bowls float and clink with each other freely due to the currents in the pool. I would like to help my audience to become a part of the rapport and experience the existence of their selves in a more zen way. Basing on my previous knowledge from Interaction Lab, I would recreate the pool and the soothing dynamic of floating plates with Processing and hopefully project them on the floor. Users could control the position of their “self” plate with the help of a distance sensor. For a better experience, the installation will only accept one user at a time.
  5. Visual Support:
    1. Clinamen – Celeste Boursier-Mougenot
    2. My midterm project for Interaction Lab


Final Project Proposal – Self Portrait Collections – Cheryl

Self-portrait collections is an interactive project that allows one to take a photo which is then duplicated in a few different windows and produce different effects following the moving of the mouse. 

The mechanics of this project is that the user will take a photo of themselves first; this photo will be then used for the further creation; six duplications of this photo will be displayed in different windows; as the user move the mouse, different kinds of generative effects will brush on the original photo.

Generative arts is compiled of three important components: the artist, the audience, and the machine. These three components work together the same way as building a house: the artist design the structure and style; the machine does the construction works; the audience lives in or makes use of the house. The process would not be complete without any one of them. One mission of this project is to demonstrate this relationship. People generally recognize the role of the artist and the machine, but sometimes neglect the important part that audience plays in this creation. That is why I specially plan to make this piece interactive and make the audience an indispensable part of this project.

This project also sets it self to explore the idea of “I”, “me” or “myself”. There is so much more to oneself than the one you see in the mirror; than the one that appears in others’ eyes. Every collection of someone’s self portraits is to represent the variability and complexity of oneself with the technique of generative arts.

This project is inspired by Eye Portraits by Inessah Selditz. This interactive project is using eye-tracking technology to generate a portrait of the users. Two users will be looking at each other, and the photograph taken of one would be adjusted according to the eye movement of the other user, that is to say, how the users are looking at each other. Despite the similarity in the idea of recreating a portrait and possible similar processing techniques, these two projects serves different goals and creates different experience. The idea of generative arts will also play a heavier role in Self Portrait Collections. 

Assignment 1 – Cheryl

For this assignment, I took inspiration from the part about the ellipseMode from the processing tutorial book and explored the relationship of different position. I made it so that the scale and position of the circles changes with mouse position. And then further mutiplied them to create a more interesting effect. The part that I liked the most about is the color setting. I made the color random but gave them all an opacity of 10. It makes the end result really dreamy and illusion-like, which is the feeling I was going for. I further explored different alterations of the code by playing with rotate, translate and scale with different scalability methods which was really fun. I feel like this process is part of generative art too.

void setup(){

void draw(){
  int q=int(random(0,250));
  int w=int(random(0,250));
  int e=int(random(0,250));
  for(int i=0; i<=width; i+=150){
    for(int j=0; j<=height; j+=150){


Final Project Proposal

  1. Project title: Generative Music Video
  2. Short description: I want to make a processing sketch that uses the minim library to process songs and create generative music videos for them, which will be fancy, multi-layered music visualizations.
  3. Team members: Me, I and Myself.
  4. Narrative description: I got the idea from basic sound visualizations some media softwares use, as well as music visualizations some DJs employ in clubs. I want to thoroughly analyze every analyzable aspect of an audio file in processing, and create a complex, intricate visualization scheme that yields unique results with different songs.
  5. Visual support: I recently made a basic sketch that I want to greatly expand. It does some very basic stuff, but it can be a great starting point. I uploaded it to the class folder:

Assignment 1 by Yuhan

There have been three years that I haven’t used Process at all. And this is my first time to refamiliarize myself with it. It did take me some time to re-understand, even the basic concepts.

I took a look at the book that Cici recommended in class, “Interaction of Color” by Josef Albers. One image (included below) reminds me the in-class exercise of the repetitive line (see below) we did. I think by adding the squares between the lines, I would be able to recreate Alber’s work.

(Artwork from Josef Albers, in Interaction of Color)

(Screenshot of In-class Exercise)

However, when I started, I was struggling with the “Mask” of the original image. A group of shapes including both lines and squares needs to be rotated within a mask, which means some parts of the shape group should be covered and unseen. While I failed to do that.

Instead, I inserted a “Random” function into the “Rotation”, which allows the computer to move the groups of shapes. But I prefer to only keep the line, which makes the image simple but aesthetic.

(Yuhan’s Version)

int gap = 20;

void setup(){
  frameRate(0.5);//Specifies the number of frames to be displayed every second

void draw(){



void drawPattern(float angle){
 int rowCount = 0;
 for(int x=60; x<=300; x+=gap*1.5){
   for(int y=65;y<=260; y+=gap*2.8){
     if(rowCount%2 == 0){

Generative Text: ‘Think’

Every day we live many different things, we experience many different emotions and we learn many new things. We live have fast speed lifestyles, that we rarely take some time to sit down and think about how we feel about our life experiences and the little things that we learned every day.
If we did so, we would begin to appreciate the small things in our daily lives, we would probably question what we used to think about them, we will see things from a different perspective, and we would probably learn a lot about ourselves.
In this assignment, I added thoughts of my own exercise. Then I started playing around with the construction of the sentences, the layout and the meaning they could potentially have depending on the perspective.
By using the function key pressed I tried to hide out some keywords so that the text could acquire a new meaning. At the end, I left a space[insert here], with the intention of letting the user input their own new perspective.(The input is not functional yet, but I am working on it).
It seems very simple, but I have spent quite some time figuring out the placement in terms of numbers in relation to the functions.

Assignment 3 documentation, Grace Gao

Date: 13 February

Project: What do You See in Yourself?


Language, i.e. words that construct sentences, is how people transform their abstract thoughts into concrete words that others can read and understand. Yet however hard we try, there is always a gap between what we attempt to desceibe and the words that we actually turn the thoughts into. This is because in real life, things are three-dimensional and alive, but words are static.

We live in a society that people interact with others in almost every moment in our life. Censequently remarks from others about ourselves become labels and tags that to a large extent define who we are. But no man can be concluded in certain words. No man’s behavior is 100% predictable. Therefore, when we see others, as well as the figure in the mirror in front of us, what do we really see?


I used the video library in Processing, and made what the camera captures as the background. I changed it to black and white so that the image on the screen is more on an equal status as the white words do. These words that randomly appear on the screen are all those that describe a person’s personality. They just serve as some representatives for all the different kinds of adjectives that can describe someone. The black and white change is made by the filter THRESHOLD, which transfers pixels that are lighter than a specific level of light into white, while making the darker area remain all black. Texts will keep showing up on the screen, and using random() I made their position and size to be not predictable, as a metaphor for what we see in people, what people really are inside of them, and how we perceive ourselves usually change tremendously.



Generative Text Homework

For this assignment, I made a random poetry generator. The code chooses words from arrays of nouns, verbs, etc, and randomly assembles them into linguistic structures I set up in a class. Every time you click, it generates a random number of lines, each line being a random structure out of the six I created, and randomly puts words into it. I plan to work a bit more on it to make the poems more comprehensible, but it is already able to make some nice poetry-sounding text.

Weekly Assignment 3 (Jerry)

This week, the topic is generative text. Instead of making a new project, I was thinking about updating my assignment 2 to a greater project. My assignment 2 is exploring the meaning of constellation, and I want to further explore it by using generative text. (Thanks to CiCi for her fantastic code of particle text!)

Continue reading