GMU:Processing im Park/Katja Bliß

From Medien Wiki

Katja Bliß

My Profile

Homework 1

Rotten grid.jpeg Rotten interactive.gif

left picture: Sourcecode

right picture:

PImage Rotten1;
PImage Rotten2;
PImage Rotten3;
PImage Rotten4;
PImage Rotten5;
PImage Rotten6;
PImage Rotten7;
PImage Rotten8;
PImage Rotten9;



void setup() {
  size (400, 400);
  background(0,0,0);
  Rotten1 = loadImage("Rotten1.jpg");
  Rotten2 = loadImage("Rotten2.jpg");
  Rotten3 = loadImage("Rotten3.jpg");
  Rotten4 = loadImage("Rotten4.jpg");
  Rotten5 = loadImage("Rotten5.jpg");
  Rotten6 = loadImage("Rotten6.jpg");
  Rotten7 = loadImage("Rotten7.jpg");
  Rotten8 = loadImage("Rotten8.jpg");
  Rotten9 = loadImage("Rotten9.jpg");
  frameRate(5);
  
}  

void draw() {
  
  println(frameCount);
  
  if(frameCount %9 == 1) {
    //show grid for odd frames
     image(Rotten1, 0, 0, 400, 400);
  } else if (frameCount %9 == 2)
  {
    //show tree for even frames
    image(Rotten2,0,0, 400, 400);
  } else if (frameCount %9 == 3)
  {
    image (Rotten3, 0,0, 400, 400);
  }
   else if (frameCount %9 == 4)
  {
    image (Rotten4, 0,0, 400, 400);
  }   
  else if (frameCount %9 == 5)
  {
    image (Rotten5, 0,0, 400, 400);
  }
  else if (frameCount %9 == 6)
  {
    image (Rotten6, 0,0, 400, 400);
  }
  else if (frameCount %9 == 7)
  {
    image (Rotten7, 0,0, 400, 400);
  }
  else if (frameCount %9 == 8)
  {
    image (Rotten8, 0,0, 400, 400);
  }
  else if (frameCount %9 == 0)
  {
    image (Rotten9, 0,0, 400, 400);
  }
 
}


Homework 2

Rillen.gif

PImage img;
PImage sourceImage;

void setup(){
 size(500, 500);
 
 sourceImage = loadImage ("bild2.jpg");
 image (sourceImage, 0, 0, 500, 500);
 
}

void draw(){
 img = loadImage ("bild3.jpg");
 int x = 30;
 int width = 450;
 int height = 10;
 img.resize(500, 500);
 
 for (int i = 40; i < 441; i = i + 20) {
   copy(img, x, i, width, height, x, i, width, height);
 }
 
}

Homework 3

Chairs 1.gif Chairs 2.gif


int n = 3;
PImage[] images = new PImage[n];

// offset to the reference point
int dx = 100;
int dy = 200;

// factor to slow our animation down
int slowdown = 4;

// zoom factor for our image
float zoom = 0.5;

void setup() {
  
  // canvas size
  size(600, 400);
  
  // start out with a white background
  background(255);
  
  // load images into the array using a loop
  for(int i=0; i < n; i++) {
    
    // load the image
    images[i] = loadImage("chair_" + i + ".gif");
    

    images[i].mask(images[i]);
 
  }
  
}


void draw() {
  
  // pick the index of an image
  int pick = (frameCount / slowdown) % n;

  // move to the mouse position
  translate(mouseX , mouseY);

  // scale the image
  scale(zoom);
  
  // move to the reference point
  translate(-dx, -dy);
  
  // get image from the array and display it
  image(images[pick], 0, 0); 
 save("image.gif");
}