Author Archives: Gabe Eng

Scrolling Wallpaper

I was uncertain of how I wanted to create a central background to the canvas.  I was influenced by the Annie Albers grid at first except I wanted to make it a resemblance of a grid more though, and less colorful.  I wanted the lines to be almost indistinguishable from each other.  After playing around with the code, I came out with a pattern that made the space between the lines smaller and smaller as you go across the pattern.  It changes the color of the canvas as it advances to the right and gave it somewhat of a three dimensional feel.

Screen Shot 2017-10-30 at 7.45.38 PMScreen Shot 2017-10-30 at 10.35.22 PM

  I experimented a lot with the random functions with my color and in size of the shapes as well.  When I was visualizing it in my head, I first thought of placing random sizes of rectangles along the y axis, but I was unsure of exactly how to place it.  When coded, it looked chaotic like and I liked that concept to further influence my code. So I decided to place the same type of code just along the x axis.Screen Shot 2017-10-30 at 7.39.14 PM

I thought the dark pink background would allow me to use random fill colors as well, so I decided to randomize the fill of the rectangles along the middle of the screen. Then I added rotating shapes that wrap and bounce. With the small canvas size it allowed the image to look more crowded, which I thought went well with the other code. The random fill also allowed those objects to match the continuous random colors of the rectangles in the center.

Screen Shot 2017-10-30 at 10.46.04 PM

The final addition to the code was a rectangle rotating around a fixed point continuously. I was first thinking of placing that at the center of the canvas but then realized having multiples of the code would play well with the canvas and space. I also thought multiple rotating images would add to the chaotic vibe of the piece mentioned before. A high frame rate would enhance that even further. With that being said, it is hard to see the actual final product through a screen shot because of the framerate.

Gabe Eng-Collage Promt

I started with the idea of commenting on the role of wealth and attention in society. But after a while I realized my concept kept coming back to social media.  Obviously social media is a catch grab for attention but it also has defined modern society and younger generations.  Social media, along with the development of technology in itself, has redeveloped the way we interact and communicate with each other.  So for my collage, I wanted to emphasize that point, but also the notion that it does more harm than good.  I don’t necessarily believe in that but it is certainly a reoccurring theory.

Screen Shot 2017-10-09 at 10.04.45 PM

  I thought about complimenting my collage with an image when I first got the assignment.  I thought it would be interesting to use an iphone as the complement and have the collage on its screen but I didn’t think that would be the most creative.  Instead I added an individual so I could structure it to look as if the collage is almost consisting of thoughts in a persons head. This is why the face is cut off half way and directed at the bottom of the picture.

  Screen Shot 2017-10-09 at 10.02.14 PM

  Half way through, I thought it would make sense to humanize the individual a little more, have him realize the work above his face.  With the dialogue, I used them almost as other images to add to the code to describe social media. I then had the idea of separating some pictures from the others.  I wanted to do this to display how people believe we lose certain skills and valuable traits to smartphones. With the images being separate from the larger thought(collage), I wanted it to look as if the pictures were vanishing from the mind.  Those pictures consisted of activity, communication, literature, etc., since those are the things some believe are lost due to this technology era.

  Screen Shot 2017-10-09 at 10.01.27 PM

What my final piece illustrates is the ideas formulated throughout this post.  The collage is apart of the individuals mind. It highlights the need for attention, followers, and the consequences of social media.  The earplugs and picture of the female sitting alone represents the idea that phones cause isolation and lead to individuals plugging off the world. The images on the corner represent the fleeting values before phones and social media took over.  I tried to tint them and make them transparent so that they actually look like they’re vanishing from the page.

As for my own belief on the matter, I do think we have lost something valuable from smartphones.  I do believe individuals are less social, less polite, and more concerned about attention and self image.  Is it lost forever? Maybe, maybe not.  On the other hand, technology and social media has done more in providing us information than we could have ever imagined.  Life is a little simpler because of it, and now advancement is happening at a greater and greater rate.

Self Portrait

Screen Shot 2017-09-28 at 5.17.09 PM

final portrait without pressing mouse

Screen Shot 2017-09-28 at 5.18.37 PM

final portrait when mouse is clicked

Gabriel Eng

To generate an idea of how I wanted to approach this assignment, I first glanced through the examples posted on the shared google drive.  At first, it was just to figure out a template for my code but by the end, I had a pretty clear picture of what I wanted to create.  I didn’t want to make a completely accurate portrait of my facial features, but rather make it a bit more abstract.  This meant experimenting with unconventional shapes to create a basis for my facial structure and using different color schemes.

The first idea I had was to create a code that switched the facial expression through clicking the mousepad. Another was to create a portrait that cycled through multiple faces, with multiple facial expressions. Both of these influences derived from the examples posted on the google drive.  They are the images shown below.

 Screen Shot 2017-09-24 at 6.55.03 PMScreen Shot 2017-09-24 at 6.55.33 PM

In the portrait on the left, the eye brows are raised and the eyes get bolder through the mousePressed function.  I also like the lack of borders in the facial structure. What I found interesting from the portrait on the right was the split face and color scheme.  I used that split face idea in my piece to create divided sections of the face, enhancing its abstraction. I don’t know the names of these artists or if they were past student work, but both portraits are very unique in their own right.  From these portraits, I realized borders don’t necessarily need to be drawn out, the portrait can look more like a caricature or animation, and that even the slightest improvement, like making an outline bolder, can have a huge impact on the final output. 

 By making it interactive in this way, you can present a wide range of emotions or any representation, and create a more accurate depiction of yourself.  With one picture you are limited in how you display yourself and one picture can not define a person.  With multiple images appearing, you can exhibit more facial expressions or emphasize certain moods you may have. In my final portrait, I tried to show a clear change in expression that resembled aggravation, through the broken glasses and lowered eyebrows.  You can also see how the lips separate and my idea was to go further and place text in between but I was having difficulty with adding that. 

From this assignment, aside from the structure of the portrait, I gained a stronger appreciation for color schemes and their significance.  Thats what catches my eye immediately when I look at other portraits.  It makes it more interactive for the viewer because it gains attention. In past assignments I didn’t place much of an emphasis on the color scheme. I thought it was strictly about the image but from my self portrait, I realized how color schemes can drastically improve a piece.  The lightness of the shades in the face go well with the light greenish background of the canvas. 

What I also found useful for this assignment was the sketchbook. This is the first piece I’ve been using the sketchbook to create an outline or experiment with what I want to code.  Before hand, I was making things up along the way.  Obviously I still had ideas, but I never formulated them on to paper.  Also, by sketching first, I had a smoother time finding the right coordinates to set my code at, and the comparable proportions of the various shapes.