FINAL VIDEO

This is the final stop motion video that i made to resemble the metaphor that an int variable is like a t-shirt.

THIS IS ME

MUSIC

I played around with music for hours but i could not get a good sound that fitted the type of imagery. Then i found a website online where you can download free music with no copyright on the audio file. 

I used the search engine and typed in the word i felt my film represented which was TRANSFORM and found only one song called witness the full transformation. The sound was edgy but easy to listen to very acoustic i thought which i liked a lot.

THE PROCESS-PROJECT3

THE PEOPLE

I am going to document the process in how i am creating the stop motion film to show my metaphor and the effort it toke to get all the people to wear the shirt. My idea was to get a lot of random people on the street to wear the same t-shirt and to do a pose wearing the t-shirt and take a photo. The weather was a bit of an issue as i could not take photos of people in the rain or on a windy day so i was limited in that aspect but i managed to get around 100 people to take a photo it toke about 2hours to get around 20 photos of people who would help me out. I found out that my talkative and persuasion skills grew over the past couple of days as i found it easier to approach people.

EDITING

I wanted to create a starting scene to the film where me and my friends showed that we were walking into the camera, but changing with every step. This was very difficult to edit because it was very jumpy.

These are a couple of experiments with photography, lighting and movement.

This was the alternative start

This was a practice with editing.

This was a shorten down 

version of the film

Development

This is the development of the design on the t shirt i thought that a splatter design would be very different and unusual. This is a picture of a paint splatter that i found on google images.

This is an image of my re-defined image of the paint splatter that i put through illustrater

This is the final design for the t-shirt using the paint splatter, with some except allowed i was able to use the word me being specific to my function of variables.

T SHIRT VIDEO

This is an AA Comerical that i thought had a similar representation to what my video will be about, but instead of having the t-shirt change all the time i will have the people change and also the environment around that person change at certain points of the stop motion. 

http://www.youtube.com/watch?v=dXTpgwqn7Ys

This is the link

PLANNING

Time plan

For the rest of this week i a going to keep developing my idea into a more formidable concept that matches the design brief, to do this i must:

1. Research my idea, learn more about my processing word

2. Work out the exact prices on making a branded t-shirt

3. Came up with more ideas in to exhibit my idea for example i might make a poster with my idea

Money plan

Well i am pretty poor at the moment and can not afford to get a designer t-shirt made that would cost over 20-40 dollars. I have heard that if i supply my own t-shirt and design i can get one made for around 20 dollars which is in my price range. 

EXAMPLE OF VARIABLE

This is just a simple example of what a variable is in processing and what a variable does to effect a code.

http://www.openprocessing.org/visuals/?visualID=22802

The example is using the int variable where int is placed at the front of a given value so when the loop is written in this code it uses the variable for a specific reason for example (int x1=0) is code foe giving the x1 which is a co-ordinate a value which is 0. 

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.

Practice

I have been playing around with processing and trying to figure out a few things that i can use in my program. I broke it up into three sections first getting the snake to move around, then getting the bugs to fall down then getting the sound in the program. To accomplish these goals i had a lot of work to do because i had no idea where to start.

This image is showing where i had started from trying to make just one ball move down the screen.

This image shows how i made several balls fall down the screen, but it needs a bit more coding work in the function of the balls and so they keep repeating going up and down the page, because at the moment when the first ball hits the bottom they all restart and is kinda tedious. 

The next image is showing how i developed the snake or worm function and have added with the falling balls, also this shows how i have changed the snake into a paint splatter to involve that type of theme.

I toke a step back from the paint splatter to simplifier the code a bit and give keep with the basics of the idea instead of really going over the top with the paint idea.

This shows how the two have been put together as i believe it gives the code a basic but effective look when the sound is introduced i have a number of ideas that could help with this type of theme.

Theme

I have came up with an idea for the theme or function of my idea which is using the structure of the snake game. Using the mouse to control a snake or worm and having little bugs falling down the screen and when u click on a bug it makes a noise, so you can make a more substantial sound by clicking on plenty of bugs. The snake or worm will keep with my idea of having the paint so it looks like spry paint or paint splashes.

Transform

PROJECT 2

For this project we had to expand our knowledge of processing and develop a code that involves interaction with sound and picture. The code must be generated to have interaction with the user and explore different possibilities involving sound. 

My initial ideas

 I have drawn these threes concepts to find out what i will enjoy doing the best:

Reflecting

What have you learnt?
- I have learnt the basics of processing, getting my head around certain functions that the program can achieve such as variables, loops etc.
- I have learnt that you can create so many different and wonderful pieces of work using the program as an example all the work on display.

What can you improve on?
- Mainly my time management was not very set out properly, i rushed the final model a bit.
- The idea in general i thought my idea was not very up to the ball, like with with everyone else's work looked really cool.

What is your goal?
I want to FOCUS alot more on a few things such as my time management, my main idea or theme and just practice spend a bit of time working stuff out and learning all i can.

Hand-in inkblot set

These are the photos of the final hand-ins each of the different images have a slight change in the scattering of the different sizes of the ellipses. 

The final set of 4 

This image looks like a long face of a dog maybe a doberman or greyhound in the middle of the page

This image looks like a bear in the jungle, the bear at the bottom of the page and the jungle at the top

This image looks like an alien machine with a big body, two arms and legs at the bottom of the page

This image looks like a superhero with a mask at the top of the page

Rorschach Final

I have came up with the final Rorschach code that i am going to use for my wallpaper. The code generates a different image of inkblot every time you hit play and most of the time you can decipher an image from the inkblots, and usually everybody sees a different type of image. I learnt that there was a few key aspects about the design which really help to focus an the main theme:

SYMMETRY

The symmetry is the most key aspect as how it works in which one ellipse is drawn randomly on the page anther is drawn in the exact opposite position along the x axis. This helps the design in which it paints the picture. While random is also in use, i believe this is a correct way of using the random function as there it has an underlay in the fact that the inkblots are used structurally. This is to make every image different, in the fact that everyone sees a something different, using the same image.  

 Personally i see a man dressed in a tuxedo

CONTRAST

The contrast was a main idea used from the start of the process as i thought it would be very effective and this inkblot theme uses it ver effectively.the contrast between the black and white help decipher a different image to the viewer and perfectly draws your attention to the inkblots.

If you look closely the image in the white is actually a close reference of the Batman logo

The rest of my wallpaper designs:

Rorschach number2 i see a people gathered around a fire

Rorschach number3 i see a clown from this one

Rorschach number4 i see a dog from of this one

A pattern of different circles using the same inkblot idea

The main theme

Early last week i was playing around with processing using different shapes and colours and thought why what would actually look cool on my wallpaper in my bedroom?

I had a couple of ideas floating around and so i was at a decision between my two ideas which are:

Graphic Novels

I thought i could generate a series in which the layout of a comic book was shown and different logos of characters were displayed in the these scenes. but after discussing this idea with ben (tutor) it would be better to design my own ideas not take stuff that has already been designed.

An example of the layout of a graphic novel

Watchmen

This is my favorite graphic novel which had been made into a feature film. I was thinking of generating several key symbols from the film and arranging them into a series. but then this idea would be coping other peoples work as well.

The cover of Watchmen

So i decided to go with the symbolism from the film Watchmen but something that i found interesting and that would look appealing. 

Rorschach or inkblot test

The Rorschach is a troubled character from Watchmen who is one of the good guys, but doesn't really act like it sometimes with his tough guy approach and questionable acts of justice. The reason why i choose the Rorschach is that it has a different meaning the character a Rorschach or inkblot test is used by psychologists as it is recorded and then analyzed as the interpretation is measured to find out someones personal characteristics and emotional functioning. 

The character Rorschach 

An inkblot example

142 wallpaper process

These images are of my design process in choosing the direction i want to achieve for my final wallpaper codes.

The card shows the developmental process of how i am started from a real basic shapes and colouring to a more difficult design using loops

The circles which show my main theme contrast

The black lighting bolts following the idea of the zebra

These are the images i have chosen to develop into further, and create codes for this week.

142 wallpaper influence

Contrast 

This is my main influence for my wallpaper design as i have developed certain codes during the process i learnt that the most appealing design was with the black and white contrast.

These are images that i felt the colouration looked extremely appealing, but are only to show how the colours reflect contrast.

The leaves show how shadow contrast with the background

This image shows white as the shadow which is a contrast

The next images show contrast used to bring out different shapes and images such as the zebras eyes as the black and white colouration are used in a contrast.

The zebras eye separate the stripes to resemble the face of a zebra

The stars are used as a layer effect 

142 design process

As i slightly got better and learnt alot more about processing i discovered how to do loops and code my own work instead of using copy and paste. These are a few examples of how and why i did the following attempting to incorporate the contrast idea.

The zebra

This idea came together using just simple lines in a zig zag which looks as thou that they are stripes, but also incorporating the contrast as the lines really show up.

The purple diamonds

This is by far the most appealing design i have done as the colours contrast to show as if they are neon lights. This design was is also a loop and it toke a little while to set up how the lines meet together with a little bit of help from my classmates.

142 design influence

My early design influence while starting with processing have been of the apple logo as i have attempted to code in processing, with some success i have made a seamy similar design.

A plan apple logo

My own design using processing

I found that drawing the circles to match the apple shape were pretty easy to set up, and also the bite of the apple was simple; but when it came to making an ellipse to represent the steam i found that the most difficult getting the right shape, and i could not find out how to twist an object. I still have some learning to do.

The apple logo with contrast

I found this picture of the apple logo more appealing then the other, not in a design since. the contrast of the black and white coloration really made the logo stand out to the viewer.

 Circles in contrast

I played around with some circles and made a new logo, but using the same sought of contrast idea to make the logo really stand out.