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

From Medien Wiki
No edit summary
No edit summary
 
(16 intermediate revisions by the same user not shown)
Line 12: Line 12:
== '''Homework Two''' ==
== '''Homework Two''' ==


[[File:Homework_Two_Cut_Ups.png]]
[[File:Homework_Two_Cut_Ups.png|600px]]


[http://www.openprocessing.org/sketch/337520 View code here]
[http://www.openprocessing.org/sketch/337520 View code here]
Line 22: Line 22:
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.
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:rachelhomework31.png]]
[[File:rachelhomework31.png|400px]]
 
[[File:Flowerbrush1.png|400px]]
[[File:Flowerbrush1.png]]
[[File:Flowerbrush2.png|400px]]
 
[[File:Flowerbrush4.png|400px]]
[[File:Flowerbrush2.png]]
 
[[File:Flowerbrush4.png]]


[http://www.openprocessing.org/sketch/343556 View code here]
[http://www.openprocessing.org/sketch/343556 View code here]


== '''Bubble Sort Code''' ==
== '''Homework Four''' ==


<source lang ="java">
Making a soundboard of different animal sounds. The sounds play and the images appear in the grass as the mouse passes over trigger points.


PImage img;
[[File:soundboardrs1.png| 300px]]
[[File:soundboardrs2.png| 300px]]
[[File:soundboardrs3.png| 300px]]


void setup() {
[http://www.openprocessing.org/sketch/345175 View code here]
  size(400, 500);
img = loadImage("http://c2.staticflickr.com/2/1618/24388577776_d20f68c13e_n.jpg");
  img.resize(width, height);
}


void draw() {
== '''Homework Five''' ==


  //load on
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.
  img.loadPixels();


  color[] pxls = img.pixels;
[[File:Bubblesortrs3.png|300px]]
[[File:Bubblesortrs1.png|300px]]
[[File:Bubblesortrs2.png|600px]]


  //do something with the pixels (remix them)
  for (int y =0; y < img.height; y++) {


    int offset = y * img.width;
[http://www.openprocessing.org/sketch/345184 View code here]
 
    for (int x = 0; x <img.width - 1; x++) {


== '''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
[[File:Mov2400.png|300px]]
if(mouseX < width/2) {
[[File:birdsellipse.png|300px]]
[[File:birdsellipse2.png|300px]]


      if ((brightness(pxls[left])) > brightness (pxls[right-1])) {
[https://vimeo.com/164558893 Watch video here]
        color tmpleft = pxls[left];
        pxls[left] = pxls[right-1];
        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
[http://www.openprocessing.org/sketch/352775 View code here]
  image(img, 0, 0);
}


== '''Homework Seven''' ==


</source>
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.
 
== '''Homework Four''' ==


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''' ==
== '''Final Project Progress''' ==
Line 160: Line 134:
Using pixel arrays and colour selection to draw with a video of swarming birds
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]
Video here [https://vimeo.com/154886194 | Birds and Light]
Line 166: Line 140:
Early attempts at drawing with my face. Pixels ending up in the wrong place...
Early attempts at drawing with my face. Pixels ending up in the wrong place...


[[File:Drawing_With_Face_One.png]]
[[File:Drawing_With_Face_One.png|600px]]


Pixel location fixed but now need to limit the pixels to the eye area
Pixel location fixed but now need to limit the pixels to the eye area
Line 175: Line 149:


[[File:Eye_Drawing.png]]
[[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]
[http://www.openprocessing.org/sketch/352784 See code here]

Latest revision as of 09:51, 29 April 2016

This is the Processing im Park page for Rachel Smith

Homework One

Rachelhomework1.gif

View code here

Nine photos taken in the park on the theme of 'fantasy'. Each loop takes one second.


Homework Two

Homework Two Cut Ups.png

View code here

Using an array to make a collage of two different photos.

Homework Three

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.

Rachelhomework31.png Flowerbrush1.png Flowerbrush2.png Flowerbrush4.png

View code here

Homework Four

Making a soundboard of different animal sounds. The sounds play and the images appear in the grass as the mouse passes over trigger points.

Soundboardrs1.png Soundboardrs2.png Soundboardrs3.png

View code here

Homework Five

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.

Bubblesortrs3.png Bubblesortrs1.png Bubblesortrs2.png


View code here

Homework Six

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.

Mov2400.png Birdsellipse.png Birdsellipse2.png

Watch video here

View code here

Homework Seven

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.

Facesquares1.png Facesuares2.png Facesquares3.png

View code here

Homework Eight

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...

View code here

Final Project Progress

Blendmodeexperiments.png

1. Image 1 2. Image 2 3. Blend 4. Add 5. Subtract 6. Darkest 7. Lightest 8. Difference 9. Exclusion 10. Multiply 11. Screen 12. Overlay 13. Hard Light 14. Soft Light 15. Dodge 16. Burn

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

Drawing with Birds Screenshot.png

Video here | Birds and Light

Early attempts at drawing with my face. Pixels ending up in the wrong place...

Drawing With Face One.png

Pixel location fixed but now need to limit the pixels to the eye area Drawing With Face Two.png Drawing With Face Three.png

Now using eye recognition!

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.

See video here

Birdsstill1.png Birdsstill2.png Birdsstill4.png Birdsstill5.png

Now using this technique with the webcam to track eyes.

Birdsstill6.png Birdsstill3.png

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

Screenshoteyesrs.png

How the code works

Coders.png

See video here

See code here

Retrieved from "https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=GMU:Processing_im_Park/Rachel_Smith&oldid=81818"
Last modified
This page was last edited on 29 April 2016, at 09:51.