GMU:Processing im Park/Rachel Smith: Difference between revisions

← Older edit

GMU:Processing im Park/Rachel Smith (view source)

Revision as of 09:51, 29 April 2016

2,123 bytes added , 29 April 2016

no edit summary

Rachel

291

edits

@@ Line 3: / Line 3: @@
 == '''Homework One''' ==
 [[File:rachelhomework1.gif]]
+[http://www.openprocessing.org/sketch/337513 View code here]
+Nine photos taken in the park on the theme of 'fantasy'. Each loop takes one second.
 == '''Homework Two''' ==
-[[File:rachelhomework23.png]]
+[[File:Homework_Two_Cut_Ups.png|600px]]
-[[File:rachelhomework21.png]]
-[[File:rachelhomework24.png]]
+[http://www.openprocessing.org/sketch/337520 View code here]
-[[File:rachelhomework22.png]]
+Using an array to make a collage of two different photos.
 == '''Homework Three''' ==
-[[File:rachelhomework31.png]]
+Making a brush with an array of images. Attempt one with a simple alpha mask. Attempt two with an array of alpha masks to fit the array of images.
-[[File:rachelhomework32.png]]
+[[File:rachelhomework31.png|400px]]
+[[File:Flowerbrush1.png|400px]]
+[[File:Flowerbrush2.png|400px]]
+[[File:Flowerbrush4.png|400px]]
-== '''Bubble Sort Code''' ==
+[http://www.openprocessing.org/sketch/343556 View code here]
-<source lang ="java">
+== '''Homework Four''' ==
-PImage img;
+Making a soundboard of different animal sounds. The sounds play and the images appear in the grass as the mouse passes over trigger points.
-void setup() {
+[[File:soundboardrs1.png| 300px]]
-  size(400, 500);
+[[File:soundboardrs2.png| 300px]]
- img = loadImage("http://c2.staticflickr.com/2/1618/24388577776_d20f68c13e_n.jpg");
+[[File:soundboardrs3.png| 300px]]
-  img.resize(width, height);
-}
-void draw() {
+[http://www.openprocessing.org/sketch/345175 View code here]
-  //load on
+== '''Homework Five''' ==
-  img.loadPixels();
-  color[] pxls = img.pixels;
+Pixel sorting. Here the code arranges pixels from a snowy image into different arrangements. One according to brightness and one according to the intensity of green.
-  //do something with the pixels (remix them)
+[[File:Bubblesortrs3.png|300px]]
-  for (int y =0; y < img.height; y++) {
+[[File:Bubblesortrs1.png|300px]]
+[[File:Bubblesortrs2.png|600px]]
-    int offset = y * img.width;
-    for (int x = 0; x <img.width - 1; x++) {
+[http://www.openprocessing.org/sketch/345184 View code here]
+== '''Homework Six''' ==
-      //indices for left and right pixel
+Editing video footage. Using video of birds swarming, I used the pixel array to extract colour details and draw an ellipse wherever the brightness value fell below a certain threshold.
-      int left = offset + x;
-      int right = offset +x +2;
-      //bubble sort step
-if(mouseX < width/2) {
-      if ((brightness(pxls[left])) > brightness (pxls[right-1])) {
+[[File:Mov2400.png|300px]]
-        color tmpleft = pxls[left];
+[[File:birdsellipse.png|300px]]
-        pxls[left] = pxls[right-1];
+[[File:birdsellipse2.png|300px]]
-        pxls[right-1] = tmpleft;
-      }
-}
-    if(mouseX > width/2) {
-      if ((saturation(pxls[left])) > saturation (pxls[right-1])) {
-        color tmpleft = pxls[left];
-        pxls[left] = pxls[right-1];
-        pxls[right-1] = tmpleft;
-      }
-      }
-    }
-  }
-  //update on
-  img.updatePixels();
-  //show on
+[https://vimeo.com/164558893 Watch video here]
-  image(img, 0, 0);
-}
+[http://www.openprocessing.org/sketch/352775 View code here]
-</source>
+== '''Homework Seven''' ==
-== '''Homework Four''' ==
+This time we used the webcam to manipulate the image. I adapted the code we made in class using the random function to update in different sized rectangles each frame.
-On it's way...
+[[File:facesquares1.png|300px]]
+[[File:facesuares2.png|300px]]
+[[File:facesquares3.png|300px]]
-== '''Homework Five''' ==
+[http://www.openprocessing.org/sketch/352778 View code here]
-On it's way...
+== '''Homework Eight''' ==
-== '''Homework Six''' ==
+Here I experimented with automatically solving a labrynth. In the end it is semi-automatic - it gets stuck unless you override it with the mouse keys. Needs a bit more work...
-On it's way...
+[http://www.openprocessing.org/sketch/352787 View code here]
 == '''Final Project Progress''' ==
@@ Line 112: / Line 100: @@
 Notes: 'Subtract' only picks up on extreme differences. 'Darkest', 'Lightest' and 'Difference' could be useful. 'Difference' continually flickers in draw mode.
 Using pixel arrays and colour selection to draw with a video of swarming birds
-[[File:Drawing_with_Birds_Screenshot.png]]
+[[File:Drawing_with_Birds_Screenshot.png|600px]]
+Video here [https://vimeo.com/154886194 | Birds and Light]
+Early attempts at drawing with my face. Pixels ending up in the wrong place...
+[[File:Drawing_With_Face_One.png|600px]]
+Pixel location fixed but now need to limit the pixels to the eye area
+[[File:Drawing_With_Face_Two.png]]
+[[File:Drawing_With_Face_Three.png]]
+Now using eye recognition!
+[[File:Eye_Drawing.png]]
+Now using the pixel colour array of a video of birds swarming to 'track' the birds. The code is sensitive to light and dark rgb values.
+[https://vimeo.com/154886194 See video here]
+[[File:Birdsstill1.png|400px]]
+[[File:Birdsstill2.png|400px]]
+[[File:Birdsstill4.png|400px]]
+[[File:Birdsstill5.png|400px]]
+Now using this technique with the webcam to track eyes.
+[[File:Birdsstill6.png|300px]]
+[[File:Birdsstill3.png|300px]]
+[https://vimeo.com/158352410 See video here] Password: birds
+Added an interface so that the user can select their own RGB values for their eyes...
+Drawing a cross with my eyes
+[[File:Screenshoteyesrs.png]]
+How the code works
+[[File:Coders.png]]
+[https://vimeo.com/163158806 See video here]
-Video here [https://vimeo.com/154886194]
+[http://www.openprocessing.org/sketch/352784 See code here]