Monday, March 21, 2011

-Reflection of first project-
I like how I have kept my aim of a 'sophisticated' design and made the design something that people could possibly want to use as wallpaper for a room. I feel that the wallpaper would be well suited in the place I designed it for (first year design studio) as it is not crazy busy to look at but a calm and relaxed pattern.

Goals for next project-
Perhaps do something completely different, create something that is out there and intense but still keep the visually appealing aspects of the design.
-Final wallpapers-







I am very happy with the final outcome of the design and I have completed my goals for the project.
-The wallpaper has a sophisticated look to it, which is what I set out to achieve.
-The panels obviously flow together with the way the triangles swarm and become bigger.
-I figured out in processing how to create the darker colour when the triangles overlap.
-Every one of the triangles are a different size, in processing I discovered how to create many random triangles with a small amount of code but I was unable to figure out how to create random triangles in a diagonal strip. I will look into this for later in the year.
-In the end I think that I know processing enough to create interesting patterns, although very little of my work had multiple lines and shapes other than triangles, I do know how to create them on code.

Sunday, March 20, 2011


These are the final designs finished on processing. I am very happy with the way they have turned out. The colours are effective and the overall design gives a wavy/flowing feeling which was what I was aiming for.
This is a mid-way through photo of the designs, I have decided to see what a change in transparency of the colours across the panels looks like a i am happy with the outcome. It gives the deisgn something more.

Saturday, March 19, 2011

I came across some difficulties with connecting the triangles between panels. I figured it out with trial and error but also started the starting point with the negative of the first triangle. That helped to get the ruff position and from there I got the correct points.

This is an attempt at the first panel with colour.



I feel that the colours are great but that the blue could be a slightly stronger/darker.
the triangle sizes are the rigth size for the first board.

Friday, March 18, 2011

With my design now decided on I now have a few goals I want to achieve in this assignment.
1) create and attractive and eye catching wallpaper.
2) make the panels obviously flow together.
3) incorperate colour into the design. Either two colours or a set that suit each other well.
4) when the triangles overlap, to have the colour grow darker.
5) to have each triangle in the design a different size.
6) learn processing to help me achieve the best deisgn I can.
With the idea now changing to include mainly if not all triangles I created this design.

This was the first set of panels I tried with the brain cells idea,

Thursday, March 17, 2011

Wallpaper

For my wallpaper I have decided to create four panels that very obviously connect together. I looked into the idea I created based on the idea of brain cells, to have a pattern that would look similar to this shape



I attempted to make the first panel but then quickly realized that although do-able, it was very time consuming and I only had one week to complete the four designs.
With this in mind, I proceeded to design new panels with the same sort of idea/flowing visual incorporated. The idea of triangles were very appealing to me so I decided to use these. I came up with a new idea that I think will look visually appealing while still pushing me to learn more about processing.

Monday, March 7, 2011




//Combining transformations
float angle = 0.0;
void setup()
{
size(500,500);
background(255);
smooth();
}

void draw()
{

pushMatrix();
translate(mouseX,mouseY);
rotate(angle);
strokeWeight(0.1);
fill(0,113,167,4);
ellipse(50,50, 100,100);
fill(167,73,0,10);
rect(-25,-25,50,50);

angle+=0.3;

popMatrix();

}

based off http://www.openprocessing.org/visuals/?visualID=20149



size(500,500);
smooth();
background(252, 252, 252);

line(0, 500, 0, 0);
line(500, 0, 0, 0);
line(500, 0, 50, 50);
line(0, 500, 50, 50);
line(0, 500, 100, 100);
line(500, 0, 100, 100);
line(500, 0, 150, 150);
line(0, 500, 150, 150);
line(500, 0, 200, 200);
line(0, 500, 200, 200);
line(500, 0, 250, 250);
line(0, 500, 250, 250);
line(0, 500, 300, 300);
line(500, 0, 300, 300);
line(500, 0, 350, 350);
line(0, 500, 350, 350);
line(0, 500, 400, 400);
line(500, 0, 400, 400);
line(0, 500, 450, 450);
line(500, 0, 450, 450);
line(500, 0, 500, 500);
line(0, 500, 500, 500);


fill(64, 170, 234,200);
ellipse(0, 0, 50, 50);
ellipse(50, 50, 50, 50);
ellipse(100, 100, 50, 50);
ellipse(150, 150, 50, 50);
ellipse(200, 200, 50, 50);
ellipse(250, 250, 50, 50);
ellipse(300, 300, 50, 50);
ellipse(350, 350, 50, 50);
ellipse(400, 400, 50, 50);
ellipse(450, 450, 50, 50);
ellipse(500, 500, 50, 50);
fill(64,170,234,50);
ellipse(0,500,300,300);
ellipse(500,0,300,300);



void setup()
{

size(500,500);
smooth();


}

void draw()
{


fill(80,170,255,10);
strokeWeight(0.1);

if (mouseButton == LEFT)

fill(255,175,100,8);

if (mouseButton == RIGHT)

fill(0,255,255,8);

ellipse(mouseX,mouseY,100,100);
ellipse(mouseX,mouseY,50,50);


}

Sunday, March 6, 2011




int patternSeperationX = 90;
int patternSeperationY = 90;
void setup(){
size(450,450);

for(int i = 0; i < width/patternSeperationX; i++){
for(int j = 0; j < height/patternSeperationY; j++){
pushMatrix();
translate(i*patternSeperationX, j*patternSeperationY);
yourFunction();
popMatrix();
}
}

}
void draw()
{

}
void yourFunction(){
strokeWeight(1);
fill(14,89,149,50);
ellipse(450,450,900,900);
fill(37,137,43,30);
ellipse(0,0,250,250);
}

-this was another take on the concept below, this time incoperating the pacific island flower shape. the green and blue mixes well together and the slow fading effect also suits this design nicely. could be to busy? perhaps less flower pattern, maybe more transparent?



int patternSeperationX = 90;
int patternSeperationY = 90;
void setup(){
size(450,450);

for(int i = 0; i < width/patternSeperationX; i++){
for(int j = 0; j < height/patternSeperationY; j++){
pushMatrix();
translate(i*patternSeperationX, j*patternSeperationY);
yourFunction();
popMatrix();
}
}

}
void draw()
{

}
void yourFunction(){
strokeWeight(1);
fill(14,89,149,50);
ellipse(450,450,900,900);

line(0,0,50,50);
line(0,50,50s,0);
line(25,75,0,50);
line(50,50,25,75);
line(0,0,450,450);
}

- The use of overlapping circles that slowly become darker in colour reminds me of sonar waves. To get this effect I used a medium transparency. The fish looking shapes is formed of one big cross with two smaller lines added.