top of page

Week 4 - Interactive Animation 2

Actualizado: 4 abr 2019

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;


}

}

40 visualizaciones0 comentarios

Entradas Recientes

Ver todo

Week 14

To be honest i am just confused about how to put this idea in the actual processing program. In this code i posted the text again but divided in different stages. When is clicked it pass from text 1 t

Week 13

Here is the code I have until now. Apart I have been trying to also dived it in to stages like the way we learnt last week in class, but that will still have more work to do because I need to get firs

bottom of page