Processing week 10

Interactivity using buttons




Just as an experiment i tried creating buttons which change the colour of the background. Unfortunately i couldnt upload the application so it is just an image, but i assure it does work! heres the code if you dont beleive me...you cynical swine... :]

code -
void setup()

{
size(100,100);
framerate(100);
}

void draw()
{
println(mouseX);
println(mouseY);


//button 1 blue
fill(0,0,255);
rect(20,20,10,10);

if(mouseX<30 && mouseX > 20 )
if(mouseY<30 && mouseY > 20 )
if(mousePressed == true)
background(0,0,255);

//button 2 red
fill(255,0,0);
rect(70,20,10,10);
if(mouseX<80 && mouseX > 70 )
if(mouseY<30 && mouseY > 20 )
if(mousePressed == true)
background(255,0,0);

//button 2 red
fill(255,255,0);
rect(20,70,10,10);
if(mouseX < 30 && mouseX > 20 )
if(mouseY < 80 && mouseY > 70 )
if(mousePressed == true)
background(255,255,0);

//button 4 green
fill(0,255,0);
rect(70,70,10,10);
if(mouseX < 80 && mouseX > 70 )
if(mouseY < 80 && mouseY > 70 )
if(mousePressed == true)
background(0,255,0);

//button 5 centre

fill(0,0,0);
rect(45,45,10,10);
if(mouseX < 55 && mouseX > 45 )
if(mouseY < 55 && mouseY > 45 )
if(mousePressed == true)
background(random(255),random(255),random(255));

//? for button 5
//PFont font;
//font = loadFont("arial.ttf");
//textFont(font, 12);
//String s = "The quick brown fox jumped over the lazy dog.";
//text(s, 15, 20, 70, 70);
{
}
}

Processing Week 8

Etchasketch with image

This time i use the etchasketch coding and arrow key parameters and place the image of an actual etchasketch in the background.
N.B. the file in the background "onlineetch.gif" has to be within the saved sketch folder inside another folder called data. My folder path - C:\Uni stuff\creative code\week 9 etch a sketch and drawing interface\etchsketch\data

coding -
int x = 100;
int y = 100;
PImage myimage;


void setup()
{
size(230,190);
//background(128,130,140);
myimage = loadImage("onlineetch.gif");
image(myimage,0,0);

}



void draw()
{
stroke(0);
point(x,y);

}

void keyPressed() {
if (keyCode == LEFT) {
x = x - 1;
}
if (keyCode == RIGHT) {
x = x + 1;
}
if (keyCode == UP) {
y = y - 1;
}
if (keyCode == DOWN) {
y = y + 1;
}

}



Etchasketch attempt 1



trying to impersonate an etch a sketch using mouse key commands

coding -
void setup()
{
size(500,500);
background(150,150,150);
}

int x = 200;
int y = 250;

void draw() {
fill(0);
rect(x,y,3,3);

//point(x,y);
}

void keyPressed() {
if (keyCode == LEFT) {
x = x - 5;
}
if (keyCode == RIGHT) {
x = x + 5;
}
if (keyCode == UP) {
y = y - 5;
}
if (keyCode == DOWN) {
y = y + 5;
}

}





If Line Statement -




This is a funky feature i found when using simple void draw along with an if statement affected by the the up,down,left and right arrow keys.
coding is -

void setup()
{
size(500,500);
background(255,0,0);

}
// Click on the image to give it focus,
// and then press any key
int x = 250;

int y = 250;

void draw() {
line(250,250,x,y);
}

void keyPressed() {
if (keyCode == LEFT) {
x = x - 10;
}
if (keyCode == RIGHT) {
x = x + 10;
}
if (keyCode == UP) {
y = y - 10;
}
if (keyCode == DOWN) {
y = y + 10;
}

}

Processing

my face drawn in coding using simple "line(x1,y1,x2,y2);" function.
i did add some simple ellipses within another ellipse with point at the centre for eyes, but it reduced the images stylised strength.


the coding can be found here - http://www.ashthegreat.pwp.blueyonder.co.uk/facecodeblog.txt


Here i attempted to incorparate some for loops.



size (550,500);

for(int i=2; i<20; i++)
{
println(i);
fill(255,i*20,0);
rect(i*25,25,25,30);
}

The use of random


size(250,250);
background(0,0,0);
rect(random(250),random(250),random(250),random(250));

randomly placing the rectangle and having a random size.
the back ground colour and rectangle color can also easily be randomized by using

size(250,250);
background(random(255),random(255),random(255));
stroke(random(255),random(255),random(255),random(255));
fill(random(255),random(255),random(255),random(255));
rect(random(250),random(250),random(250),random(250));

BLOODY MAD FOR IT!!! :D

Film title design

"SAUL BASS (1920-1996) was not only one of the great graphic designers of the mid-20th century but the undisputed master of film title design thanks to his collaborations with Alfred Hitchcock, Otto Preminger and Martin Scorsese."

He has been desiging film titles since the dawn of time from The Seven Year Itch (1955), to the very well known Goodfellas (1990). His last film title sequence was Casino (1995).


He has also designed some very famous logos such as:-

Identity for United Airlines -

Identity for Minolta -

source - www.designmuseum.org/design/saul-bass
his mighty portfolio can be seen her - www.imdb.com/name/nm0000866/

Pablo Ferro

Another film title designer. Designed such film titles as the highly acclaimed Clockwork Orange and Napoleon Dynamite one of my favourite movies, and it does have an awesome intro, which unfortunately i couldn't find a video of but i do have a clip from the movie.

.....gotta learn that dance......
all of his film title designs can be found here www.imdb.com/name//nm0274998/

Kyle Cooper

Kyle has done a more famous and recent movie title sequences than the above.
the most famous would be Spiderman 1 and 2 with some really nice animation, Superman returns, mission impossible, zoolander (another favourite of mine) and seven

seven title sequence


"Andrea Codrington relates that Cooper’s work first garnered major attention in 1995 with his creation of the extraordinary title sequence for the horror thriller Seven, which is credited with bringing about a renaissance in innovative film title design. Seven’s titles were touted as short films in their own right--not merely a “design solution” but a metaphorical representation of the film as a whole"
i love this intro, interesting audio visual contrast. AWESOME! :D
He also created the title design for Metal Gear Solid 2: Sons of Liberty, Metal Gear Solid 3: Snake Eater, Metal Gear Solid 3: Subsistence. Being an avid gamer i know that the metal gear series are more like movies than games, very cinematic and storyline based so its unsuprising that film tilte designers are beginning to deisgn titles for single player games.

all of his workings can be found here www.imdb.com/name/nm0178204/

Neckcns

Neckcns is a Graffiti artist/graphic designer. we were shown some of his work and sketch book in our first week of uni and it has some impressive typography. he particularly likes 3dimensional lettering.

his website is www.neckcns.com/
and his sketchbook can be found at www.neckcns.com/blackbook