Week 2

Project file 1
Live Demo

For this project, I wanted to explore social interaction as a coding system, which built from last week's assignment of identifying chat messages/reactions as a form of social code. By documenting a two way communication system, it allowed me to make the variables more complex. I was interested in the idea that an interaction between two people can have a number of different outcomes: contact can be intentional or accidental, a message can be received or missed, understood or misunderstood, reciprocated or left without a response. This idea was partially inspired by a communication theory reading that we read in Seminar during Week 1, which breaks down communication into a sequence of events, beginning with the consideration of a message and progressing through sending, receiving, processing, understanding, responding, and potentially replying. Before assignment visual code to all of these potential steps, I wanted to simplify it into a smaller set of variables. The six variables I used in my sketch are initiation, medium, reception, understanding, reciprocity, and duration. I then began developing a simple visual system using two ellipses to represent two people and lines to represent the interaction between them. The behavior of the line can change depending on the conditions of the interaction – it might reach the second person, stop before reaching them, be returned, or move at a different speed. Using ‘let’ allows these properties to exist as variables within the system, while ‘random’ introduces unpredictability into how an interaction unfolds. I’m interested in continuing to explore how the same basic visual language can generate different outcomes and also create more engaging, visually engaging visuals.

Credits & References

I used Claude to help me create the moving lines between the shapes rather than static ones to communicate an exchange visually, when the lines were static it was less interesting, but I have the draft here: [link]

Week 1

Project file 1
Live Demo

For this project, I focused on establishing the shapes in relation to one another, getting more comfortable with manipulating the x and y coordinates to create even and uneven intervals of overlap between each shape. After placing a few ellipses on the canvas, the idea of building a caterpillar naturally came up, so I ran with it. Rather than using the (loop) command to determine how color was distributed, I wanted each shape to be a different color, so I opted to use the (fill) command in front of each (ellipse) command, which made the code easier to interpret if I wanted to make changes within a specific ellipse later on. I further explored the reference library to create other effects, adding standard text and finding a resource for creating repeating rainbow text, which followed the color system of the caterpillar. I wanted to make a foundational structure that could lend itself to adding motion later on, which is a feature I’d like to build on for this specific sketch.

Credits & References

p5 reference library