GMU:Processing im Park/Justine Barthel: Difference between revisions

From Medien Wiki
No edit summary
No edit summary
Line 3: Line 3:
----
----
'''Homework 1'''
'''Homework 1'''
• Bilder werden in einem Raster angeordnet


[[File:Park_grid_1.png]]
[[File:Park_grid_1.png]]
• Quellcode:
<source lang="java">
size(300, 300);
PImage image1 = loadImage("Baum_001.jpg");
PImage image2 = loadImage("Baum_002.jpg");
PImage image3 = loadImage("Baum_003.jpg");
PImage image4 = loadImage("Baum_004.jpg");
PImage image5 = loadImage("Baum_005.jpg");
PImage image6 = loadImage("Baum_006.jpg");
PImage image7 = loadImage("Baum_007.jpg");
PImage image8 = loadImage("Baum_008.jpg");
PImage image9 = loadImage("Baum_009.jpg");
image(image1, 0, 0, 100, 100);
image(image2, 0, 100, 100, 100);
image(image3, 0, 200, 100, 100);
image(image4, 100, 0, 100, 100);
image(image5, 100, 100, 100, 100);
image(image6, 100, 200, 100, 100);
image(image7, 200, 0, 100, 100);
image(image8, 200, 100, 100, 100);
image(image9, 200, 200, 100, 100);
saveFrame("Park_grid.jpg");
</source> <br>
• Danach wird eine Slideshow erstellt
[[File:wwgvu.gif]]
• Quellcode:
<source lang="java">
int numFrames = 9; 
int frame = 0;
PImage[] images = new PImage[numFrames];
void setup()
{
  size(450, 500);
  background(0, 0, 0);
  images[0] = loadImage("Baum_001.jpg");
  images[1] = loadImage("Baum_002.jpg");
  images[2] = loadImage("Baum_003.jpg");
 
  images[3] = loadImage("Baum_004.jpg");
  images[4] = loadImage("Baum_005.jpg");
  images[5] = loadImage("Baum_006.jpg");
 
  images[6] = loadImage("Baum_007.jpg");
  images[7] = loadImage("Baum_008.jpg");
  images[8] = loadImage("Baum_009.jpg");
  frameRate(0.90);
}
void draw()
{
  frame = (frame) % numFrames; 
  image(images[frame], 0, 0, 450, 500);
  if (frame<9)
  { frame++;
  }
  else frame = 0;
}
</source> <br>


Link zu den Bildern: https://www.flickr.com/photos/138192882@N07/albums/72157663243550165
Link zu den Bildern: https://www.flickr.com/photos/138192882@N07/albums/72157663243550165
Line 10: Line 85:
----
----
'''Homework 2'''
'''Homework 2'''
• Image Slicer


[[File:Schick.PNG|400px]]
[[File:Schick.PNG|400px]]
• Quellcode:
<source lang="java">
PImage img;
PImage sourceImage;
void setup(){
  size(500, 500);
 
  sourceImage = loadImage ("Bild_2.jpg");
  image (sourceImage, 0, 0, 500, 500);
 
}
void draw(){
  img = loadImage("Bild_1.jpg");
  img.resize(500, 500);
  int x = 20;
  int width = 450;
  int height = 10;
 
  for (int i = 40; i < 441; i = i + 20) {
    copy(img, x, i, width, height, x, i, width, height);
  }
}
</source> <br>
• Weitere Bilder
[[File:Unbenannt_2.PNG]]
[[File:Unbenannt_1.PNG]]
----
----
'''Homework 3'''
'''Homework 3'''

Revision as of 12:21, 6 January 2016

Justine Barthel


Homework 1

• Bilder werden in einem Raster angeordnet

Park grid 1.png

• Quellcode:

size(300, 300);
 
PImage image1 = loadImage("Baum_001.jpg");
PImage image2 = loadImage("Baum_002.jpg");
PImage image3 = loadImage("Baum_003.jpg");
PImage image4 = loadImage("Baum_004.jpg");
PImage image5 = loadImage("Baum_005.jpg");
PImage image6 = loadImage("Baum_006.jpg");
PImage image7 = loadImage("Baum_007.jpg");
PImage image8 = loadImage("Baum_008.jpg");
PImage image9 = loadImage("Baum_009.jpg");
 
image(image1, 0, 0, 100, 100);
image(image2, 0, 100, 100, 100);
image(image3, 0, 200, 100, 100);
 
image(image4, 100, 0, 100, 100);
image(image5, 100, 100, 100, 100);
image(image6, 100, 200, 100, 100);
 
image(image7, 200, 0, 100, 100);
image(image8, 200, 100, 100, 100);
image(image9, 200, 200, 100, 100);
 
saveFrame("Park_grid.jpg");


• Danach wird eine Slideshow erstellt

Wwgvu.gif

• Quellcode:

int numFrames = 9;  
int frame = 0;
PImage[] images = new PImage[numFrames];
 
void setup()
{
  size(450, 500);
  background(0, 0, 0);
 
  images[0] = loadImage("Baum_001.jpg");
  images[1] = loadImage("Baum_002.jpg");
  images[2] = loadImage("Baum_003.jpg");
  
  images[3] = loadImage("Baum_004.jpg");
  images[4] = loadImage("Baum_005.jpg");
  images[5] = loadImage("Baum_006.jpg");
  
  images[6] = loadImage("Baum_007.jpg");
  images[7] = loadImage("Baum_008.jpg");
  images[8] = loadImage("Baum_009.jpg");
 
  frameRate(0.90);
}
 
void draw()
{
  frame = (frame) % numFrames;  
  image(images[frame], 0, 0, 450, 500);
 
  if (frame<9)
  { frame++;
  }
  else frame = 0;
}


Link zu den Bildern: https://www.flickr.com/photos/138192882@N07/albums/72157663243550165


Homework 2

• Image Slicer

Schick.PNG

• Quellcode:

PImage img;
PImage sourceImage;

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

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

}


• Weitere Bilder

Unbenannt 2.PNG

Unbenannt 1.PNG


Homework 3