Hands

Background

My BEE

I have made the bee a small two dimensional bee to avoid having to code the movement of the wings and the direction of which the bee is moving. As you click and hold on the bee, more bees will emerge from behind this bee and try to hide the mouse pointer from you. Almost as if you are being attacked by them. I might add in a background that changes depending on the amount of bees that are on the screen.

Model from nature

BEES

For this project i think bees would be an appropriate model for my idea as they come in swarms. By capturing the first bee it could seem that the user has aggravated the hive and more bees come out willing to save the first clickable bee.

As more bees come out, the volume of the bees gets louder. The first bee will become harder to catch as the other bees disguise it when they come onto screen.

Ideas

My idea is to create an interactive experience where the user must create as many duplicates of an object as they can. The duplicates will slowly decrease in numbers as time continues so there will be a visually appealing way of knowing how many are on the screen. I will also look into volume and how it works within processing to see if i can incorporate that. 

Inspiration

I could use some of the code in this design to make up the movement of the bee as it flies around. The smoothness of the enlarging circles will make it look organic and will also resemble the movement of the Bee.

void setup(){

size(400,400);

background(0);

smooth();

stroke(255);

noFill();

}

float r=20,a=0;

void draw(){

float x=r*cos(a);

float y=r*sin(a);

ellipse(width/2+x,height/2+y,50,50);

a=a+0.1;

r=r+0.3;

}

Precedents1

This design appealed to me as it seemed that the elements inside the design had a mind of their own. They seemed to move in a very organic manner. I will definitely be looking to nature as a model for this project.

http://www.openprocessing.org/sketch/66190

Final:Structure to Noise

From Structure to Noise

Exploring colour

Development 4

I have added circles in to some of the points of the stroked triangles. I have also changed the colour of the stroke lines to black as the white seemed to draw too much attention,  which is not very typical of spider webs.

Development 3

In this development i have explored the use of stroke to create a clear line around the geometry i am trying to capture. We start to feel the essence of broken glass within the pattern.

Development 2

In this development i have somewhat explored the use of colour to create opacity so that the geometric triangles become more visible.

Development 1

This first development shows the use of conditionals and loops but fails to obtain the geometry shown in my precedents. At the moment it looks just like a whole lot of lines and is quite messy. If i were to add colour, the triangles might stand out a bit more.

Precedents

I have chosen to use these images of a spider web and broken glass to inform my own exploration of noise vs structure. 

The elements such as line and geometry appeal to me and i think that through the use of these elements, i would be able to make a piece that denotes noise in a certain part and structure in the opposite. The broken glass does this well as we can see the structure very easily on the outside where the breaks in the glass are obvious but as we move closer to the center, the breaks become more dense and noisy. In my design I would like to explore this idea that as we move across the page, the geometric shapes such as circles and triangles become more dense and more noisy. 

Learning Loops/Conditionals

Today we learned about the efficiency and benefits conditionals and loops could offer us in coding. For example,I could draw 100 circles with only a few lines of code instead of drawing each separate circle, which would be very time consuming.

Final Board

Final Sequence

Fourth Sequence

Third Sequence

Second Sequence

In this sequence i focused on the use of stroke weight combined with the change in height and width of the ellipses.