SKETCH OF THE T-SHIRT IDEA

This is a sketch that i have drawen just to show how this idea could be used in various type of processing terms not just as a variable.

IDEAS FOR PROJECT 3

IDEAS

I have been brainstorming a few ideas for the exhibition as i am going to actually make something physical so the viewers have a physical model to look at, but also considering the time and expenses in doing maybe a model or statue.

VENDING MACHINE IDEA

DESIGNING A T-SHIRT

VIDEO IDEA

MY WORD- VARIABLE

Variable is defined as a symbol that represents a value and the associated value may be used to be changed. 

Variables
Variables are used for storing values

There are different types of variables the most common

INT

FLOAT

BOOLEAN

Each of them have a different effect on the values used to store within them.

FInal design

FINAL

This is what i have came up with so far i have spent a long time in developing this as i have been researching how to do certain things to achieve this online in the reference, doing alot of the tutorials and just looking and figuring out how other people did there own codes to make them look so good.

FINAL SNAKE: http://www.openprocessing.org/visuals/?visualID=27935

LOOKING BACK

I believe that my design can use alot of improvements in many areas but i think it is a good little code that has some key aspects to it, and meets my theme that i have been developing over the past few weeks. The interaction is definitely there and i think is fun to just have a click around just to find out where the loudest part of the code will be.

Introducing sound

SOUND

I have not thought much about sound but my main goal is to make the sound interactive with snake so it can have this waving effect. Maybe i can have a tone going on in the background and have the sound change when the snake moves up and down or to a certain point. I think that the sound will only be a secondary thing to the idea of the snake, so i am a little bit worried about this.

snake tone: http://www.openprocessing.org/visuals/?visualID=27921

The link shows after a few try out of different sound, that works the best with the type of imagery. The sound was made through garageband on my laptop and exported as an mp3 file.


To work out different ways of introducing sound i picked apart some different codes and used the groove audio player so my sound continually plays and changes in volume depending on where the snake is moving it gets quit loud sometimes so just a WARNING (turn down the volume!!!!!)

import ddf.minim.*;

import ddf.minim.effects.*;

Minim minim;

AudioPlayer groove;

BandPass bpf;

float beginX = 20.0;  

float beginY = 10.0;  

float endX = 500.0;     

float endY = 400.0;     

float distX;           

float distY;           

float exponent = 4;    

float x = 0;         

float y = 0;          

float step = 0.01;      

float percentage = 0.0; 

void setup() 

{

  minim = new Minim(this);

    groove = minim.loadFile("My Song.mp3");

  groove.loop();

  size(550, 450);

  noStroke();

  smooth();

  distX = endX - beginX;

  distY = endY - beginY;

   bpf = new BandPass(440, 20, groove.sampleRate());

  groove.addEffect(bpf);

}

void draw() 

{

  fill(0,1);

  rect(0, 0, width, height);

  

  

  percentage += step;

  if (percentage < 1.0) {

    x = beginX + (percentage * distX);

    y = beginY + (pow(percentage, exponent) * distY);

  }

  fill(255);

  ellipse(x, y, 20, 20);

}

void mousePressed() {

  percentage = 0.0;

  beginX = x;

  beginY = y;

  endX = mouseX;

  endY = mouseY;

  distX = endX - beginX;

  distY = endY - beginY;

}

void mouseMoved()

{

  float passBand = map(endX,0 , width, 0, 2000);

  bpf.setFreq(passBand);

  float bandWidth = map(endY ,0, height, 500, 1000);

  bpf.setBandWidth(bandWidth);

  bpf.printCoeff();

  

}

void stop()

{

  groove.close();

  minim.stop();

  

  super.stop();

}

Development-Transformation

I have created a different way for how the snake reacts in relation to the mouse as the object travels with a curve in the direction where you click the mouse the snake will move in a curved line towards the spot that the mouse is clicked.

THIS IS THE CODE

first prototype: http://www.openprocessing.org/visuals/?visualID=27911

THEN...

I have developed the code with a simple trick that gives the snake a fading effect so after a certain number of circles have been drawn the background will fade back to normal.

fading prototype: http://www.openprocessing.org/visuals/?visualID=27912

ALSO...
I have added anther element into the equation as with a little help from our class rep i have managed to figure out how the snake can move by itself. It was a huge task for me to complete and i feel glad to have achieved this because it just has that extra element to it, which makes the code look good. Which i am still working on.

Interim presentation

FEEDBACK

After i showed my idea to the class the feedback i got was very constructive i felt that i had to simplify my idea from having two components to just sticking with a main idea and keeping a simple concept. I really believed that i idea was not up at the standard of others in the class and found that my idea had to be developed at a high standard to meet with the others codes in the class. 

WHAT I AM GOING TO DO!

I am going to develop my snake idea so the the snake dose not necessarily follow the mouse but kinda curves and swoops in a different directions but keeping the the fading tail effect to stay true with the original idea.

I want to create an easy to do code, but has that certain amount of interaction and depth to it, so a user can play around with how the snake moves around.

also to incorporate sound into the design in a different aspect which i need to develop.