Week 4 - Interactive Animation 2

For this project I used as an inspiration and reference this short transition of the animation video called Shelter, that it is from the song composed by Porter Robison and Madeon under the same title "Shelter".

The video itself tell the story of a girl who's living in a reality world, were she can draw everything she imagine. At the same time she is starting to remember some memories back from when she was little and also get to see the last message his father left to her.

Under is the video of my animation in processing.

I did not get the result i wanted, so i have to repeat the exercise for improving the true and false statements.

Here is the zip of the project:

https://www.dropbox.com/s/0kskaa0kn8l2wa2/zipweek4.zip?dl=0

And here is the Code of the work:

//project from week 4

float xpos=120;

float ypos=125;

float characterfallingxpos=112;

float speed1= 1;

PImage fallinggirl;

PImage petals;

PImage light;

void setup() {

size(500, 500);

background(66,0,55);

petals = loadImage("petals.png");

fallinggirl = loadImage("fallinggirl.png");

light = loadImage("light.png");

}

void draw() {

fill(map(mouseX, 253, 241, 241, 250));

background(253, 241, 250);

noStroke();

rect(0, 0, 125, 500);

quad(0, 0, 120, 0, 140, 500, 0, 500);

quad(425, 0, 500, 0, 500, 500, 375, 500);

fill(235, 180, 235);

//petals in the background

pushMatrix();{

translate(0,-ypos);

petals.resize(550,550);

image(petals,125, 125);

image(petals, 0, 0, width/500, height/500);

petals=loadImage("petals.png");

//light in the background

translate(0,-ypos);

light.resize(600,600);

image(light,125, 125);

image(light, 0, 0, width/800, height/700);

light=loadImage("light.png");

popMatrix();}

//fallinggirl

//to see the girl you have to press "up and down"

pushMatrix();{

{

if(keyPressed)

{

if (keyCode==UP) {

characterfallingxpos += 5;

} else if (keyCode==DOWN) {

characterfallingxpos -= 5;

{}

}

PImage fallinggirl = loadImage("fallinggirl.png");

fallinggirl.resize(95, 50);

translate(20,ypos);

image(fallinggirl,225, 0);}

popMatrix();}

xpos = xpos +0.7;

ypos = ypos +0.5;

}

}

Here I redo-it the code so at least if key are pressed it moves the girl.

//project from week 4

float xpos=120;

float ypos=125;

float characterfallingxpos=112;

float speed1= 1;

PImage fallinggirl;

PImage petals;

PImage light;

void setup() {

size(500, 500);

background(66,0,55);

petals = loadImage("petals.png");

fallinggirl = loadImage("fallinggirl.png");

light = loadImage("light.png");

}

void draw() {

fill(map(mouseX, 253, 241, 241, 250));

background(253, 241, 250);

noStroke();

rect(0, 0, 125, 500);

quad(0, 0, 120, 0, 140, 500, 0, 500);

quad(425, 0, 500, 0, 500, 500, 375, 500);

fill(235, 180, 235);

//petals in the background

pushMatrix();{

translate(0,-ypos);

petals.resize(550,550);

image(petals,125, 125);

image(petals, 0, 0, width/500, height/500);

petals=loadImage("petals.png");

//light in the background

translate(0,-ypos);

light.resize(600,600);

image(light,125, 125);

image(light, 0, 0, width/800, height/700);

light=loadImage("light.png");

popMatrix();}

//fallinggirl

//to see the girl you have to press "up and down"

pushMatrix();{

{

if(keyPressed)

{

if (keyCode==UP) {

characterfallingxpos += 7;

} else if (keyCode==DOWN) {

characterfallingxpos -= 7;

{}

}

PImage fallinggirl = loadImage("fallinggirl.png");

fallinggirl.resize(95, 50);

translate(20,characterfallingxpos);

image(fallinggirl,225, 0);}

popMatrix();}

xpos = xpos +0.7;

ypos = ypos +0.5;

}

}