Like many of my classmates I thrust myself into the great unknown when creating my wallpaper. My process didn’t begin with any fancy sketches or a long overdrawn brainstorm, instead I went straight to the internet and began perusing wallpapers and patterns created by other digital artists. Some of the patterns and wallpapers that really spoke to me include:
After collecting a sizable folder on my desktop of patterns and wallpapers, my own wallpaper began to coalesce. I was intrigued by the intersection of natural and obtuse shapes in a repeating sequence to create a wallpaper, and when creating my own wallpaper I wanted to incorporate the idea of nature vs. a pristine, human-generated pattern. Thinking about these things, I moved to create my own wallpaper.
Perhaps the most challenging part of my code (save animation) was creating the pattern that would serve as my background: a horizontally repeating zig-zag line. Even using a loop to repeatedly generate the lines, I found I was having trouble with the positioning of the vertex-drawn shape I created. While I considered scrapping the lines altogether at one point because of time, I was possessed with having the zig-zag lines as my background and finding a solution ot my coding problems. When I finally got the code to work and properly run along the length of my canvas, I felt incredible satisfaction and triumph. One thing this coding assignment has taught me is that every individual coder has his or her own “mountain” to overcome. For some people, loops and animations are incredibly tricky, or for someone well versed in loops, composition and design pose a challenge. Each assignment has given me a new set of tools to put to use, and another challenge which to overcome. After triumphing over the creation of my background pattern, I moved on to creating and flushing out other graphic elements.
When creating my wallpaper I thought a great deal about nature and perfection, and the ugliness of nature colliding with the structure and perfection of repeating patterns on a wallpaper. While most of the shapes on my wallpaper ended up being geometric, I tried to create some more organic and custom shapes with the coding tools at my hands (vertex drawing and arc to be specific). With arc, I was able to create clouds, and soon I was well on my way to creating a weather pattern. As I was coding, I reflected on how the proximity of shapes with one another created a new shape, or familiar objects we all know. Using arc, ellipse, and rect I was able to create a cloud and generate symbolic weather underneath using rectangles. However, if I were just to put all of my shapes in a horizontal line, they would have no meaning to one another. As I’ve spent over half my the first semester coding art, I’m surprised at how art and coding are both about relationships.
One hangup with my project is that I was unable to achieve animation. I wanted my rectangular raindrops to oscillate up and down, and the background pattern to loop and move upward, creating tension between the piece. I wasn’t able to achieve animation primarily because of the way I coded my objects’ x and y positions. When trying to return and introduce animation, I found it difficult to do so when I was already using the x and y in my for loops. I would really love to return to this piece and add animation!
On the subject of composition, while I generally like the colors I was able to achieve and the overall asethetic, there is something very bland and head-on about my wallpaper which I don’t especially like. After looking at my finished wallpaper, I shook my head a bit because the pattern I created reminded me of a blanket. I’ve noticed in much of my artwork a level of “coherence” or comprehension that turns my art “flat”. As I’m just beginning to dive into art, especially art created from code, I would love to develop my sense of composition and creating more organic artwork not so rigid and heavy-handed. Overall I am pleased that I was able to solve some personal problems with my code, but I still think there is much to learn and improve upon!
this project has been one of my favorites thus far.This project came entirely from experimenting with code I was familiar with. I originally only had one pattern that would infinitely expand. My original intention was to create a perimeter for the pattern, however, after my conference, the project became a pattern that evolved into an infinitely changing pattern.
I really enjoy the almost 3D effect that the some of the patterns have. If you look at the screen for long enough you can start seeing new and more elaborate combinations. I would have like to be able to include changing colors in each pattern. Each pattern ends after reaching a distance of 400 and a new pattern is generated by the object-angle and continues to expand until eventually being replaced.
For this assignment, I spent most of my time just experimenting. I went in with no real idea of what I was going to do, but I just wanted to explore. I really didn’t sketch much because I jumped right into the code. One of the most intriguing things we’ve worked on in the last few weeks was the pattern of small lines. I was fascinated by them and knew that I wanted to use them as the background for my wallpaper. They create visual interest without distracting from the other elements. Later in the design, I realized that the colors of the lines were being lost on an entirely black background, so I coded a loop that creates a gradient through the multiplication of the coordinates. This change came late in the design, but it let me entirely redesign my color palette into something more interesting.
The next part that I experimented with was the Riley Circles we did in class. The ability to create overlapping patterns made them ideal for the aesthetic I was going for in this piece. I decided to use different colors on the top/bottom and the sides because the shape of the canvas is already irregular. With a canvas shaped this way, I thought it would be advantageous to draw attention to the oddity instead of trying to hide it. I liked the color results of the green/blue generator more than the red/blue generator so I put that one on the area with the larger area. I eventually decided to make them slightly translucent in order to create an effect like a mosaic or a stained glass window.
This border, while pretty, presented somewhat of a problem. In order for it to have clean edges, it would have either required me to let the corners overlap or to find a way to cover it up. This lead an idea about rotating squares. The problem with rotating squares is that the edges don’t travel consistently. So in order to have a consistent edge, I filled those corners with a stationary circle. It created movement of a different kind and, while I still think it looks strange, I enjoy it for that.
In my initial plans, I didn’t have the small lines in the draw section. They were part of the set up, which made it more difficult to put moving objects on top of them. This created the idea for what I have been calling the “runners” and the “track”: the yellow circles moving along the purple shape. Putting the runners on top of the track would have allowed me to have moving objects without leaving a trail behind. Eventually, I decided to just put the lines in the draw section, but I still liked the visual of the track.
The grid was all experimentation. I went in with no plan other than I wanted the center to be a grid. I probably spent more time on the color of the shapes than on coloring any other part of this. When I changed from a black background to a gradient, it allowed me to have more fun and to put a wider variety of color without being afraid that it would get entirely lost. Additionally, one of my favorite effects is a shape whose stroke randomly changes widths. I had originally included this effect on every part of the grid, but it got very busy so I restricted it to the orange circles.
By the end of this wild exploration, I was surprised to find a clearer image than I expected. While spending hours staring at wallpaper, I managed to make a door. I think it started, again, with the shape of the canvas. As soon as I drew a shape that mirrored the canvas, I started thinking about doors. And that influence made its way into the design: the heavy frame, the squares to mimic panelling. Even the circle-square decorations at the corners of the canvas are reminiscent of the metal plates put on the corners of doors. The door theme may have been an accident. But I still think it fits.
And then I accidentally removed the background, and what I was originally calling “Neon Madness” became “Color Madness”.
I love how that turned out. Every part took an entirely different role. The grid is now an ever-changing colorful background, and the objects that originally would’ve been the focus were left to struggle for their survival – only barely clinging to their existence, always about to be erased by the strange rainbow that they live on. Each grid’s fading corners went from guiding the viewer towards the center, to specifically drawing attention to the other grid’s colors.
My collage began with a brainstorm of words and associations, held together by the single narrative of vice and virtue. Having just finished the Odyssey in my literature seminar, I was struck by the physical and psychological pleasures and seductions the narrative protagonist Odysseus had to temper himself against to make it back home after ten long years of war, and another ten years spent as a vagabond on the sea. While a handful of the seductions he has to overcome are supernatural, many of the “vices” Odysseus must ward himself against are almost impossible to overcome, simply because he is human. There were many personal lessons I could distill from reading the story of Odysseus and his battle homeward, as well as the the internal struggle that sometimes proved even harder than whatever his divine antagonists could cook up. With this in mind, I set off to make a collage to capture my interests in Greek myth, modern graphic design, vice, virtue, and the journey from adolescence into adulthood.
After brainstorming, I went in search of iconography and inspiration to guide the tone and mood of the collage. Creating a “third space” was not an easy task, and creating a specific tone and unique texture evolved constantly at every step in the collage process. Beyond just the images I selected for the collage, I had to be very careful about position and relationships. Questions such as: where do I want my audience to focus on? what elements of the collage am I naturally drawn to? what doesn’t look right? continually popped into my head. Many images or changed or discarded, and one of the hardest parts of this assignment was finding the correct typography to convey the tone I was seeking. Perusing through Google Fonts, some of there selection was either too comical or didn’t add to the atmosphere of the piece. Or worse, I would gather together a collection of fonts that practically looked the same. I found that I could spend hours browsing images and fonts online, but until I took the leap forward and threw the paint on the wall, I wouldn’t know if my design decisions would stick or not. Needless to stay, creating a collage was an exhaustive effort that felt even more meticulous than my self portrait. However, I also recognized after brainstorming that as long as I held onto the essence of my collage, the elements and imagery would naturally insert or subtract itself. The creation of the collage itself guiding my artistic selection.
There was a host of digital and graphic icons and imagery I drew inspiration from. Since Robert Rauschenberg, collage has only been aided by the advance of digital imaging and processing. While I didn’t have very many fancy applications at my hands besides Photoshop, p5.js is a very robust drawing program that allowed me to edit, translate, rotate, scale, and manipulate in many other fashions the images i inserted into my digital canvas. After creating this collage, I come away with an even greater appreciation for the subtle art of position and placement. For example, I struggled as a beginning collage artist diversifying the placement of squares which gave my collage a very rigid and structured look. I can say I spent as much time thinking about where I was going to place and translate an image on the canvas as I did coding that translation, if not more. Even still using a great deal of squares and rectangles, I think I begun to achieve some diversity and nuance in the drawing the audiences’ attention to specific portions of the collage.
If there is one part of my collage I can latch onto and say that I am happy with, I would argue I am very happy with the color scheme and palette I was able to achieve. I love working with conflicting, opposite, and opposing colors, and in my brainstorm I was latched onto the idea of a gradient. While that original gradient changed in some dimensions, I really fell in love with the background I created using a topographical map and an overlay of color. While I sometimes felt the ideas of vice and virtue I was playing with didn’t always shine through, the highly pigmented color palette and hues cinch the collage together and keep the viewer constantly searching for information and creating inferences from association.
My creation of this collage comes from my own appreciation for the story of Homer’s Odyssey, my love fro graphic design, strong color palettes, and my own musings about mortal temptation. While not directly hitting the bullseye, I think I landed somewhere close.
Once upon a time, there was a Hedgehog who wanted to go on a walk.
Why did the Hedgehog want to go on a walk? He didn’t really have a reason.
It’s just what the Hedgehog wanted to do for as long as he could remember.
And so, he set out to walk, perhaps to learn something, perhaps to find his perfect forest.
The Hedgehog first walked through the forest he grew up in.
The familiar trees were as beautiful as ever, but the Hedgehog kept walking anyway.
The old forest gave way to a new one, filled with trees the Hedgehog has never seen before.
This forest seemed so big, and so amazing.
But it was not quite what the Hedgehog hoped it would be.
So the Hedgehog decided to keep walking.
Soon, the Hedgehog found himself in a yet another forest.
“The trees in this forest are similar to the trees back at home,” the Hedgehog thought.
Would this be a good place for the Hedgehog to be?
Only time will tell.
This is a small planet, filled only with places the Hedgehog is familiar with.
The Forest Planet is divided into three parts, each populated by beautiful trees from every forest the Hedgehog has seen. As the Hedgehog continues to walk in search of something, this small planet is there to keep all the memories of every forest he has seen.
When the Hedgehog revisits one of those places on the Forest Planet, he recalls a familiar thought he had while he lived there, familiar sounds of each forest play, and out in the distance, the fog seems to form a mirage that makes the forest seem even closer to reality than it already is.
While this project does not share a lot thematically with Richard Hamilton’s work, his collages were my main inspiration. I really enjoyed the way “Just what is it that makes today’s homes so different, so appealing?” blends together textures and cutouts of various objects and people to create a very coherent room.
In my collage, I tried to achieve a similar effect by combining colored polygons that make up the world with various images to create the little planet.
I really enjoyed creating the polygons that make up the planet and the sky. To make it easier to visualize the parts, I created a small tool that showed me the necessary x and y coordinates to make the shape fit what I have in mind.
My favorite part, however, was creating the sky.
I’m very pleased with how this effect turned out, and I hope I will be able to use it in the future. To create it, I found a picture of a landscape, and used actual colors from it. I made each polygon of the sky slightly transparent, so that color from the one behind it bled through. I also made each polygon “rough” to give the sky a bit of a handmade feeling, as if I cut out a bunch of pieces of colored paper to create the sky.
When I began working on this assignment, I wanted to create a dynamic and interactive image that reflected a part of my personality while taking inspiration from Paul Klee. I noticed that in Klee’s self-portrait, his face is divided into geometric pieces of different shapes and colors. In my self portrait, I tried to echo that fragmentation using the arc() function. I created a face of different colors out of quarter circles. The division of a face into four sections seems to allude to facets of one’s personality by depicting them abstractly. I made the eyes with ellipses and then used a rectangles to form the neck and the mouth. The mouth is divided horizontally into two separate rectangles, which is an allusion to the way that Klee divided his own mouth into two tiny rectangles.Initially, I considered creating a few sets of palettes out of chosen colors to depict different moods and emotions, but decided to experiment with randomness instead after considering the tedium of compiling upwards of twenty variables for different colors in the different palettes. Instead, I declared six random color variables and assigned them to different shapes. All the shapes are different colors except for the facial features. I wanted to keep the facial features one color to keep them somewhat stable throughout the iterations of the image. I used the mousePressed() function to reassign those variables to different random colors. I was pleasantly surprised by the interesting palettes the random color variables created. I wasn’t expecting the image’s colors to look as cohesive as frequently as they do. For this post, I took about thirty screenshots and included my favorite ones. The colors definitely work to affect the mood and personality of the face. To me, the quarter circles represent different areas of my psyche circling through different processes and emotions as the colors change. I’m glad that I chose not to use preset palettes for different moods, because I think that ultimately would have led to simpler expressions of emotions (a blue palette for sadness, a red palette for anger, etc.) In reality, human beings don’t usually experience one emotion at a time – we experience multiple emotions across an array of actions and reactions. After speaking with Angela in conference, I decided to further diversify the expressions of the iterations by adding randomness to the dimensions of the mouth and eyes. I made a few more variables for width and height of the eye ellipses so that the eyes could change expressions. The mouth was a little more tricky, because the usual rectMode controls the upper left corner of the rectangle along with the width and the height, which meant that the left hand mouth rectangle didn’t stay aligned with the center of the image and connected to the other mouth rectangle. I changed to the rectMode(CORNERS), which controls the upper left hand corner and the opposite lower right hand corner. This allowed me to keep the inner side of both rectangles at the same x value throughout the iterations.