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

From Medien Wiki
No edit summary
No edit summary
 
(28 intermediate revisions by the same user not shown)
Line 3: Line 3:
== '''Homework One''' ==
== '''Homework One''' ==


[[File:rachelhomework1.gif]]
[[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''' ==
== '''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''' ==
== '''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:rachelhomework31.png|400px]]
[[File:Flowerbrush1.png|400px]]
[[File:Flowerbrush2.png|400px]]
[[File:Flowerbrush4.png|400px]]
 
[http://www.openprocessing.org/sketch/343556 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.
 
[[File:soundboardrs1.png| 300px]]
[[File:soundboardrs2.png| 300px]]
[[File:soundboardrs3.png| 300px]]
 
[http://www.openprocessing.org/sketch/345175 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.
 
[[File:Bubblesortrs3.png|300px]]
[[File:Bubblesortrs1.png|300px]]
[[File:Bubblesortrs2.png|600px]]
 


[[File:rachelhomework32.png]]
[http://www.openprocessing.org/sketch/345184 View code here]


== '''Bubble Sort Code''' ==
== '''Homework Six''' ==


<source lang ="java">
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.


PImage img;
[[File:Mov2400.png|300px]]
[[File:birdsellipse.png|300px]]
[[File:birdsellipse2.png|300px]]


void setup() {
[https://vimeo.com/164558893 Watch video here]
  size(400, 500);
img = loadImage("http://c2.staticflickr.com/2/1618/24388577776_d20f68c13e_n.jpg");
  img.resize(width, height);
}


void draw() {
[http://www.openprocessing.org/sketch/352775 View code here]


  //load on
== '''Homework Seven''' ==
  img.loadPixels();


  color[] pxls = img.pixels;
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.


  //do something with the pixels (remix them)
[[File:facesquares1.png|300px]]
  for (int y =0; y < img.height; y++) {
[[File:facesuares2.png|300px]]
[[File:facesquares3.png|300px]]


    int offset = y * img.width;
[http://www.openprocessing.org/sketch/352778 View code here]


    for (int x = 0; x <img.width - 1; x++) {
== '''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...


      //indices for left and right pixel
[http://www.openprocessing.org/sketch/352787 View code here]
      int left = offset + x;
      int right = offset +x +2;


      //bubble sort step
== '''Final Project Progress''' ==
if(mouseX < width/2) {


      if ((brightness(pxls[left])) > brightness (pxls[right-1])) {
[[File:Blendmodeexperiments.png|left]]
        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
1. Image 1
  image(img, 0, 0);
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.


</source>


== '''Homework Four''' ==


On it's way...


== '''Homework Five''' ==


On it's way...


== '''Homework Six''' ==


On it's way...


== '''Final Project Progress''' ==
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Using pixel arrays and colour selection to draw with a video of swarming birds
 
[[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]
 
[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

 

View code here

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


Homework Two

 

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.

       

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.

     

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.

     


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.

     

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.

     

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

 

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

 

Video here | Birds and Light

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

 

Pixel location fixed but now need to limit the pixels to the eye area    

Now using eye recognition!

 

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

       

Now using this technique with the webcam to track eyes.

   

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

 

How the code works

 

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.