This is my final Soundshape. The idea came from people clapping and this setting of more people clapping like in a crown. The reaction of someone clapping being other people clapping. I tried to show this idea using many circles representing the crowds and the clapping. In my code you can clap the two main individual circles creating a clapping sound. When you clap closer to one of the two groups of circles it sets them of making them all clap as well. Clicking a lot near both groups will set them off and keep them going. The goal being to try keep both groups clapping as long as possible resulting in longer, louder stronger clapping sounds, like a crowd.


final code

Precedents

 http://www.youtube.com/watch?v=6-KpcrSsZeQ

http://media.photobucket.com/image/clapping/supertess/th_arg-hands-clapping-tr.gif

project 3 development

This version of the sketch redraws the circles, which constantly creates a new effect.


this sketch looks at different colour schemes


This code is a further development, close to the final, where two separate groups can be set off


This development shows the clap causing others to cla


This was the first test of my clap code, getting two spheres to clap and react


This concept was looking at a sphere that changes size and colour as it changes sound


This was my first experiment, using for different vibrating strings

This was my first experiment, using for different vibrating strings

Final interactive Mouse Toy - Elastic Spiderweb

Final interaction. Pull the central circle back and watch it swing back to the center, depending how far you pull it back the more it will swing, and the longer it will take to get back to the center. Right click to change the velocity to a constant speed, causing it to consistently swing in the direction pulled.

The original inspiration and precedent behind my interaction is the idea of the strength and elasticity of a spider web. As they consist of many strands leading to a centre point that can be pulled and be pulled back to this centre point without snapping. I thought it would be interesting to play with the idea of elasticity as it can be very interactive playing with different distances, strengths and forces. My final interactive design represents a spider web, or net with a central point or circle that can be pulled and stretched to any point and then swings back to the centre at different speeds which cause it to wobble differently depending where it was let go. By right clicking with the central circle the force behind the swing is changed to one causing the swing to stay constant and never stopping, which can be a fun way to create interesting swings and loops.

developing code sketches are bellow in older posts

Developing Mouse toy codes

pull the ball away from the center, and watch it spring back.


pull the ball back and watch it bounce back to the center.


pull the ball away from the center, and watch it spring back.

ball that orbits and flashes when moved


elastic swinging, without the lines and a constant force, move the ball and watch it swing or orbit forever


pull the ball away from the center, and watch it get spring back.


pull the ball away from the center, and watch it get pulled back.

Mouse toy experiments

click somewhere on the screen to drop the box, and try hit the ball

move the two bricks by dragging the mouse along the x and y axis


left click to increase the weight, slowing down the speed
right click to decrease the weight, increasing the speed

Initial precedents

cool physics simulation

http://dan-ball.jp/en/javagame/dust/

142 Final 8 structure sketches

The idea of structure I used behind me designs was that structure is can be thought of as balance and symmetry even if something is completely random or made up of random objects. Symmetry can create order and structure out of shapes and objects by bringing them together in an equal harmony. This can be seen in many pieces of art and paintings where colours shapes and patterns are brought together in a harmonious structure through symmetry and balance. I also tried to explore how using this symmetry and balance through code can cause simple 2d shapes and lines to create 3d structures and shapes that can be clearly recognized. With my designs I wanted to clearly show these structures being created through shapes and lines coming together through this balance and creating forms. I also took inspiration from organic forms especially sea creatures as they have a natural flow in their structure and in the way they move. My sketches incorporate these organic structural ideas created by the many lines, as you can see they somewhat resemble sea creatures such as sting rays and fish in structure and movement. Each of my sketches use the same code with different shapes used and variables changed, resulting in many different structures and forms created. Each uses these shapes differently to show how structure can be created through symmetry and balance.

Devlopment sketches

Practise codes

coloured circles


coloured lines


square pattern


line pattern


purple lines




paint


paint colour


circles

test code

int paris = 0;
int berlin = 560;
float london = 100;
int a = 20;
int moscow = 40;
void setup(){
  size(600,600);
  background(0);
 
}

void draw() {
 
  smooth();
  strokeWeight(2);
  stroke(a,129,255,100);
  a = a + 6;
  if(a > 255)
{ a = 1;}
 
  //line(paris,paris,london,london);
  line(london,london,paris,berlin);
  line(berlin,paris,london,london);
  //line(paris,berlin,london,london);
  //line(berlin,berlin,london,london);
  noFill();
  ellipse(moscow,moscow,berlin,berlin);
  stroke(195,57,255);

  moscow = moscow + 20; 
  paris = paris + 5^2;
  berlin = berlin - 40;
  london = london + 10;
 
  while(paris > 200){
    berlin = berlin + 70;
    london = london - 100;
}
}

142 practise codeing pattern making

Smiley face

Pattern

 

 

Pattern

Pattern

142 algorithm asignment final

Algorithm: rotate each triangle 15 degrees about the center point.

Repetition: increase each triangle by 50% and change the colour to black then white in pattern.

I did three different variations, where one has not used the black and white colour pattern and the others have used this pattern and been inverted to each other to create a different effect.

creative coding algorithm exercise development