|
|
| Line 124: |
Line 124: |
| [http://waesch.host56.com/ablage/processing/interactivepark/interactivepark.html Beispiel in ProcessingJS] | | [http://waesch.host56.com/ablage/processing/interactivepark/interactivepark.html Beispiel in ProcessingJS] |
|
| |
|
| | [http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I | Processing v3.0.0 Quellcode] |
|
| |
|
| <br> | | <br> |
| Processing v3.0.0 Quellcode:
| |
| <source lang="java">
| |
| int numFrames = 9; // The number of frames in the animation
| |
| int frame = 0;
| |
| PImage[] images = new PImage[numFrames];
| |
|
| |
| void setup()
| |
| {
| |
| size(720, 405);
| |
| background(0, 0, 0);
| |
|
| |
| images[0] = loadImage("https://c1.staticflickr.com/1/636/23689341201_539535fb38_c.jpg");
| |
| images[1] = loadImage("https://c1.staticflickr.com/1/691/23689340691_5c89b21cf0_c.jpg");
| |
| images[2] = loadImage("https://c1.staticflickr.com/6/5740/23476083740_2ff98481ed_c.jpg");
| |
| images[3] = loadImage("https://c1.staticflickr.com/1/751/23689339091_cb6ce2b439_c.jpg");
| |
| images[4] = loadImage("https://c1.staticflickr.com/6/5668/23143601864_d6a4f33a88_c.jpg");
| |
| images[5] = loadImage("https://c1.staticflickr.com/1/707/23745637836_6f3068aa50_c.jpg");
| |
| images[6] = loadImage("https://c1.staticflickr.com/1/613/23771753205_e8dff07d81_c.jpg");
| |
| images[7] = loadImage("https://c1.staticflickr.com/1/722/23771752525_984f6d44d7_c.jpg");
| |
| images[8] = loadImage("https://c1.staticflickr.com/6/5823/23745638646_0bc4248d58_c.jpg");
| |
|
| |
| frameRate(0.75);
| |
| }
| |
|
| |
|
| |
| void draw()
| |
| {
| |
| frame = (frame) % numFrames; // Use % to cycle through frames
| |
| image(images[frame], 0, 0, 720, 405);
| |
|
| |
| if (frame<9)
| |
| { frame++;
| |
| }
| |
| else frame = 0;
| |
| }
| |
| </source> <br>
| |
|
| |
| * Danach wurden die Fotos in ein Raster gesetzt.
| |
|
| |
| [[Image:park_grid_300_300.png|thumb|left|250px]]
| |
|
| |
| <br style="clear:both;">
| |
|
| |
| Processing v3.0.0 Quellcode:
| |
| <source lang="java">
| |
| size(300, 300);
| |
|
| |
| PImage image1 = loadImage("https://c1.staticflickr.com/1/613/23771753205_e8dff07d81_c.jpg");
| |
| PImage image2 = loadImage("https://c1.staticflickr.com/1/636/23689341201_539535fb38_c.jpg");
| |
| PImage image3 = loadImage("https://c1.staticflickr.com/1/722/23771752525_984f6d44d7_c.jpg");
| |
| PImage image4 = loadImage("https://c1.staticflickr.com/6/5823/23745638646_0bc4248d58_c.jpg");
| |
| PImage image5 = loadImage("https://c1.staticflickr.com/1/691/23689340691_5c89b21cf0_c.jpg");
| |
| PImage image6 = loadImage("https://c1.staticflickr.com/6/5740/23476083740_2ff98481ed_c.jpg");
| |
| PImage image7 = loadImage("https://c1.staticflickr.com/1/751/23689339091_cb6ce2b439_c.jpg");
| |
| PImage image8 = loadImage("https://c1.staticflickr.com/6/5668/23143601864_d6a4f33a88_c.jpg");
| |
| PImage image9 = loadImage("https://c1.staticflickr.com/1/707/23745637836_6f3068aa50_c.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("my_park_grid.jpg");
| |
| </source> <br>
| |
|
| |
|
| == Hausaufgabe II == | | == Hausaufgabe II == |
