Project One Overview

I decided quite early on that the thematic link between my designs would be emotions, and I'd tie them together visually by using faces as a motif.



Wallpaper 1: Anger
Designing this wallpaper proved to be quite a challenge technically, as some the elements I wanted to include were outside of my reach in regards to coding skill. However, despite some some initial difficulty, once the ball started rolling I encountered few problems.

This design was inspired by the public symbol for chaos to the right. The shot above is of one of the initial versions of the design. I used for loops to map out what would become my 'ballistic lines' and added some vertical lines at regular intervals also using for loops to aid in quickly plotting the vertices for the triangles. Note also my original plan of having eyes on all the triangles.

Despite my original concept's lack of visual complexity it proved to be incredibly tedious to code; getting the 'eyes' to be at the proper angles and lengths was incredibly time consuming whilst also not being as visually striking as I had hoped. It was at this point that I made the decision to attempt to emulate 3D by combining triangles. Also, while I wanted to keep the centrepiece shape as a triangle/pyramid I found its conversion to 3d and the way its peripheral edges interacted with the 'ballistic' lines unconvincing. A sphere was the most obvious solution, and while its round shape isn't as aggressive as I may have wanted, the stylised angry glare conveys its emotions clearly enough.

As a final touch, I created the background for the image to frame the vaguely elliptical shape the pyramids' positions formed and to act as a reference point for the eyes, helping with the illusion of depth and three dimensionality

 

Coincidentally, the ellipsis created in the background combined with the circle in the centre looks like a really angry eye glaring at you.

I'm quite happy with how this design turned out and in making it I've learned a lot more about estimating where specific vertices are even on large planes (having plotted out every vertex in every triangle individually!).

Wallpaper 2: Melancholy

I went back and forth with concepts for this design and settled with the draft above. The vertical lines with random gradients and lengths were meant to simulate rainfall, but it became apparent that I was thinking far too literally with this design. Ben suggested that I investigate using sine waves to give the lines shape and so I set about getting my head around how to do so, experimenting with many waveforms but finding few that I thought fit with the geometry of the design.

It was a good learning exercise though and while I didn't use the code to draw the a proper waveform, I was quite satisfied with the results.

I made the sine wave into a steep slope which guides the eye down the page, past the shrinking arcs to the focal point of the design, the little glum face which I also shifted from a stronger central position into a weaker, isolated one in the the bottom corner. The final product is a lot lighter than I would've liked, but nothing could be done about it since the printer at Big Image couldn't seperate the dark from the darkest, and I wasted $4 dollars on an almost black page :c

Wallpaper 3: Happy Meets Sad

This was a cute design which I made from an image of a happy face I made for fun in the early weeks.

 

In order to make this image into more of a pattern and inspired by the logo to the right, I decided I'd split the happy code's face in half (however violent that sounds), giving him a sickly sad face as the other half.

The faces are pretty much opposites of eachother in shape and emotionally and contrast eachother nicely, I think. They also look like they're facing eachother horizontally, which makes happy guy a bit of a douche to be laughing at someone else who's clearly suffering!

Wallpaper 4: Fear

I didn't conceptualize as much for this design as I may have wanted, but I like the relative simplicity and clarity of meaning it has. Besides, I needed another chaotic design to go with Anger to bring balance and parity to the project as a whole. Though, I really would've preferred to have learned some sort of code that could translate and expand pairs of objects evenly rather than copying and modifying each pair of eyes myself.