Author Archives: Margo DePorter

System: RosieRose

RosieRose

RosieRose

When I first set out to code a system, I was lacking in inspiration. I knew I wanted to create something that I could have an emotional connection with, but I was uncertain that I would be able to code a system with a narrative. As I considered the possibilities, I begin playing around with Angela’s afc_25_system_01_05. I found the simplicity of the system approachable. I appreciated the ellipses and the subtle movements of the particles. As I became familiar with the code, I found myself considering systems in relation to the Internet. I considered Wi-Fi in general, and then I considered my own Wi-Fi, “RosieRose”. It became clear to me then, I would create a visual representation of a Wi-Fi I have carried with me from one apartment to the next.
Inspiration

Inspiration 01

My Wi-Fi, “RosieRose”, is named after my recently deceased, beloved family dog, Rosie.  My Wi-Fi, and Rosie Rose herself, inspired my system of the same name. Rosie passed away one year ago, but I like to think she lives on through the waves of my Wi-Fi. I connect with her on a daily basis, I share her with others. My RosieRose Wi-Fi is a space I have carved out for the dog I loved, so she could live on through the waves of the internet. I have created a visual representation of this space through my system. As I began to code my system, I knew I wanted to utilize a similar color scheme to the ones that I had been implementing in my pieces throughout the course of the semester. I like to experiment with different shades of pink to create a visually appealing atmosphere.  I utilized three different shades of pale to rouge pink in my system, in the effort to evoke the detail of a pink rose. After determining my color scheme, I did some research to figure out how to portray a rose through simple shapes. I decided on a circular pattern of overlapping ellipses.  I was satisfied with the design, as it would allow for further experimentation with color by utilizing different degrees of transparency.
Inspiration 02

Inspiration 02

Initial Color Scheme

Initial Color Scheme and layout

  As I continued with my code, Angela suggested a wrap function would be more effective than the bounce function I had been utilizing initially. Switching from the bounce function to the wrap function allowed for my representation of falling petals to come across more effectively to the viewer. Out of all of the elements in my system, I am most pleased with the visual of the falling petals. I carefully set their speed and position to encourage a sense of density in the space. I wanted the smaller petals to fall slowly, the bigger falling faster, to give the viewer a better understanding of the environment and the delicate nature of the rose.   Throughout my experience of coding this system I experimented with utilizing visuals and text to communicate the narrative to the viewer. I considered using Rosie’s face as the center of the rose, utilizing photoshop to create a useable outline. I also considered inserting the Wi-Fi’s name into the system, but I found both of these approaches would be too obvious.
Images and Text

Images and Text

After some experimentation, I decided to incorporate Rosie’s image into just one of the falling petals.   I placed Rosie’s face inside the smallest petal to create a delicate visual, evoking the meaning of the piece. As the last petal to fall out off screen, I found this emphasized the emotion I was trying to convey.   I continue to struggle with making the code interactive. I have been trying to achieve incorporating the KeyPressed function into the system so the viewer can interact with the code, encouraging the space to be more spontaneous. I have not yet been able to successfully incorporate the KeyPressed function; I hope to get some input from my peers so that I may include this function in my final product.   Overall, I am very happy with this piece.  I am most satisfied with the color scheme and the movement.  I was initially uncertain if I would be able to capture the emotion I feel towards this intangible environment through coding, but I feel like I have accomplished just that.  My hopes for the final product would be to take it a step further with the KeyPressed function, but if I were not able to implement that function into my code, I would still be very happy with what I have created. I found the experience of coding this system, in honor of Rosie, to be very emotional, as I was finally able to create a visual representation of the space I had initially created to keep her with me.  RosieRose is a piece I thoroughly enjoyed creating and am very happy to have had the chance to do so.
RosieRose

RosieRose

   

Circling Pink

 
Circling Pink

“Circling Pink”

I began the process of creating my scrolling wallpaper by setting up the initial elements I would utilize for the final product. I was inspired by a 70’s aesthetic of looping circles. As a fan of the French New Wave, I set out to create a wallpaper I might find in a Jean-Luc Godard film.

Initial sketch

Being that the interiors of his films typically include solid colored walls, I wanted to create what I imagined to be a wallpaper one might find in Ana Karina’s kitchen.
Initial Wallpaper

Initial wallpaper

I was drawn to the idea of circular repetition and created a moving wheel to compliment the flow of the existing circular pattern.
Wheel on wallpaper

Wheel on wallpaper

As I added the code of the wheel to my sketch containing the initial pattern, I had the idea to add motion to the background in order to create a more unified visual. I utilized the random tool, creating a tie-dye like pattern.
Randomized wallpaper

Randomized wallpaper

This inspired my later use of the random tool in my placement of shapes. As I felt drawn to the circular aesthetic, I wanted the rest of the shapes to blend into the background, initially appearing to be a part of the circular pattern and at further glance taking their true shape. I struggled with integrating the wrap and bounce function into the overall sketch.   At first I used a simple ellipse, then morphed it into a triangular shape composed of randomized lines. This shape, in addition to the wheel, suggested a ferris wheel visual, which I found distracting from the overall piece.  I then reverted back to the ellipse, utilizing the random tool to create a spherical motion.
Image 5

Ferris wheel

I had a very positive experience creating this wallpaper. Through the prompt, I was encouraged to put to use many different tools I’ve acquired throughout the course thus far. I feel I’ve gained a better understanding of how the various functions work in relation to one another, resulting in a stronger grasp on the basics of coding. I was also able to express my interest in the color pink, experimenting with different shades and combinations to produce my scrolling wallpaper “Circling Pink” .
Circling Pink

“Circling Pink”

The L Words

The L Words I’ve made many collages in my life. I’ve always enjoyed cutting out images from magazines or flyers, taping them to the lid of a shoebox and finding satisfaction in the collection of visuals. Making collages always felt very personal, I was unknowingly trying to represent a part of myself through the images I was cutting and pasting. As a student of media, my life has been a path woven together by the television and films I’ve consumed. I’ve always looked to digital story telling to inform my own narrative. Out of the hundreds of series’ and films I have watched throughout my life, nothing has made as big of an impact on me as Showtime’s The L Word. This is not a unique narrative; many people attribute The L Word to their own coming out stories, as many people, like myself, need references when beginning their road to self-discovery.
Initial plans

Initial sketch

Graphics sketch

Graphics sketch

Considering the fact that The L Word (2004-2009) was and remains to be the only American television series with a cast of lesbian characters, it has played an enormous role in the lesbian community. Though I cherish The L Word, I also find extreme disappointment in the fact that this affection I hold towards the show stems from the reality that it is the only one of its kind.
Initial layout

Initial layout

My collage is simple. I’ve included portraits of the main characters, symbols of the central themes, and recognizable sounds and dialogue from the series.   I’ve approached the aesthetic with an early 2000’s lens to mimic the visuals found in The L Word.  My collage reads as obvious and straight forward because unfortunately, in 2017, this is the extent of lesbian representation on television. I wanted to highlight the absurdity in the fact that this is all there is. These few women, these representations of the “l words”, are the only ones the lesbian community has to identify with on television. These women, these terms, hold so much meaning because of their extreme rarity in media. I juxtaposed the smiling faces of The L Word cast members with an image of traditional lesbian representation on television. So often do we find queer representations of women through the male gaze, something The L Word addresses and successfully avoids. I also emphasized lesbian hashtags, a concept that both unites and devalues.
Traditional representations

Traditional representations

Throughout this process, I’ve found the creative elements, the selecting of sounds and images to be very straightforward and satisfying, while the construction of the collage itself has been more of a challenge. As this is the first project I’ve attempted to code without a direct reference, I’ve struggled with taking the tools I’ve learned through the readings and in class exercises and putting them to use without an outline. While this has been a struggle, it has also been a great learning experience. I’ve had to exercise problem-solving strategies, spending time testing different methods to reach my end goal.
Flag by vertex drawing

Flag by vertex drawing

Though I managed to solve most of the issues that arose with coding this piece, I have yet to be able to get rotations to work. I was unable to get the three animated elements to follow a center rotation. Every time I tested different rotation examples, my entire collage rotated along with the element I was trying to isolate. This is something I hope to address in class.
Issues with rotation

Issues with rotation

The L Words is a collage I’ve made to showcase the few lesbians on television, both in disappointment for their lack of company and deep appreciation for their existence.
The L Words

The L Words

Self Portrait

A Girl and Her Dog, A Dog and His Girl                                                                                   Image 4 I find I have the most success in code when I follow an outline in order to then deviate from the initial structure. For this project, I chose to follow a code from a past student’s self-portrait to secure an outline. I then simplified it, as I am new to coding and am still looking to hone my basic skills.   (Image 1) shows my initial portrait, based on an outline provided by the example piece. At this point in time, I had started to experiment with my color palette and indentifying details. I knew I wanted to approach the portrait from a straightforward point of view, I’m looking to hone in on detail and precision before I branch out towards the abstract.

Image 1(Image 1)

After getting a feel for the outline of the portrait, I quickly structured the code to fit my necessities. I decided on a static image, utilizing realism for color and basic geometry for shape. By (Image 2), I’d created a visual representing my literal portrait. I then wanted to add some more detail to further represent my “self”. Image 2

(Image 2)

As a passionate dog lover and mother to three-and-a-half year old Chinese Crested Davi, I knew I must include his image in my portrait. Being that Davi is my greatest love, I wanted to represent our bond through a kind of melting image, a blurred line between where I end and where he begins.Image 3

(Image 3)

As I’ve begun to experiment with coding, I find my most consistent interest lies in the use of color. Through the digital color meter tool, I colored myself and Davi using photographs as references. As I am not yet able to form exact shapes to replicate reality, I enjoy utilizing exact color temperatures.   My self-portrait represents both my idea of self and my experience as a new coder.   Through the consistent color palate and basic geometry, I feel I am able to express what I hope to convey, a literal portrait with blurred lines between reality and imagination.  

 Image 4

(Image 4)