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

From Medien Wiki
No edit summary
No edit summary
Line 4: Line 4:
'''Homework 1'''
'''Homework 1'''


• Bilder werden in einem Raster angeordnet
• Bilder werden in einem Raster angeordnet


[[File:Park_grid_1.png]]
[[File:Park_grid_1.png]]


• Quellcode:
• Quellcode:


<source lang="java">
<source lang="java">
Line 38: Line 38:
</source> <br>
</source> <br>


• Danach wird eine Slideshow erstellt
• Danach wird eine Slideshow erstellt


[[File:wwgvu.gif]]
[[File:wwgvu.gif]]


• Quellcode:  
• Quellcode:  


<source lang="java">
<source lang="java">
Line 86: Line 86:
'''Homework 2'''
'''Homework 2'''


• Image Slicer
• Image Slicer


[[File:Schick.PNG|400px]]
[[File:Schick.PNG|400px]]


• Quellcode:
• Quellcode:


<source lang="java">
<source lang="java">
Line 118: Line 118:
</source> <br>
</source> <br>


• Weitere Bilder  
• Weitere Bilder  


[[File:Unbenannt_2.PNG]]
[[File:Unbenannt_2.PNG]]
Line 127: Line 127:
'''Homework 3'''
'''Homework 3'''


• Brush
• Brush


[[File:Unbenannt_3.PNG]]
[[File:Unbenannt_3.PNG]]

Revision as of 15:41, 18 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: [1]


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

• Brush

Unbenannt 3.PNG

• Quellcode

int n = 1;
PImage[] images = new PImage[n];
int dx = 100;
int dy = 100;
int slowdown = 2; 
float zoom = 0.5;
 
void setup() {
 
  size(700, 700);
   background(0, 102, 0);
 
   for(int i=0; i < n; i++) {
    images[i] = loadImage("Schaf.png");
  }
}
 
void draw() {
 
  int pick = (frameCount / slowdown) % n;
  translate(mouseX , mouseY);
  scale(zoom / 4);
  translate(-dx, -dy);
  image(images[pick], 0, 0); 
  }



Bilder aus dem Schlosspark Belverdere: [2]