| (28 intermediate revisions by the same user not shown) | |||
| Line 52: | Line 52: | ||
| <br> [[Media:schotter_georgnees.pde|Link to Algorithm]] | <br> [[Media:schotter_georgnees.pde|Link to Algorithm]] | ||
| |-   | |-   | ||
| | [[File:20181102_brownschweBewegung_3.JPG|400px]]  <br> | | [[File:20181102_brownschweBewegung_3.JPG|400px]]  <br><br> | ||
| [[File:brownscheBewegung-orthogonal1.jpg|400px]] | [[File:brownscheBewegung-orthogonal1.jpg|400px]] | ||
| | Experimenting with Brownian Motion in class. | | Experimenting with Brownian Motion in class. | ||
| <br> [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]] | <br> [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]] | ||
| <br> [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]] | <br> [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]] | ||
| |- | |- | ||
| ! style="width: 50%" | Result   | ! style="width: 50%" | Result   | ||
| Line 72: | Line 68: | ||
| |[[Media:floatingCircles.pde|Link to Algorithm]] | |[[Media:floatingCircles.pde|Link to Algorithm]] | ||
| |- | |- | ||
| } | |[[File:PoppingCircles.mp4|400px]]  <br> | ||
| |[[Media:poppingCircles.pde|Link to Algorithm]] | |||
| |- | |||
| |} | |||
| ==09.11.2018  -  Week 4== | |||
| {| border="1" | |||
| |- | |||
| ! style="width: 50%" | Result  | |||
| ! style="width: 50%" | Algorithm | |||
| |-  | |||
| |[[File:noise-joyDivision1.jpg|500px]]  <br><br> | |||
| [[File:noise-joyDivision3.jpg|500px]]  <br><br> | |||
| [[File:noise-joyDivision2.jpg|500px]] | |||
| | Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division. | |||
| <br> [[Media:noise_joyDivision_pde.pde|Link to Algorithm]] | |||
| |-  | |||
| |} | |||
| ==22.11.2018  -  Week 5== | |||
| {| border="1" | |||
| |- | |||
| ! style="width: 50%" | Result  | |||
| ! style="width: 50%" | Algorithm | |||
| |-  | |||
| | | |||
| [[File:weltexplosion2.jpg|500px]]  <br><br> | |||
| [[File:weltexplosion1.jpg|500px]]  <br><br> | |||
| [[File:wellenaufzeichnung3.jpg|500px]]<br><br> | |||
| [[File:wellenaufzeichnung2.jpg|500px]]<br><br> | |||
| [[File:wellenaufzeichnung0.jpg|500px]]<br><br> | |||
| [[File:wellenaufzeichnung1.jpg|500px]]<br><br> | |||
| | | |||
| <br>  | |||
| some experiment on moving waves with randomness and noise, starting from one point in the middle or from two points on the left and right edges. | |||
| Somehow lost some files. but they all are based on the same algorithm, with different settings in color, size, speed and number : | |||
| [[Media:wellenaufzeichnung.txt|Link to Algorithm]] | |||
| |-  | |||
| |} | |||
| ==30.11.2018  -  Week 6== | |||
| {| border="1" | |||
| |- | |||
| ! style="width: 50%" | Result  | |||
| ! style="width: 50%" | Algorithm | |||
| |-  | |||
| | | |||
| [[File:hütte02.jpg|400px]]<br><br> | |||
| [[File:hütte03.jpg|400px]]<br><br> | |||
| [[File:hütte04.jpg|400px]] | |||
| | | |||
| we started to work with images. | |||
| each pixel is referring to a line. the length of the lines and their number and distance is depending on the x coordinate of the mouse. | |||
| [[Media:h_tte.pde|Link to Algorithm]] | |||
| |-  | |||
| | | |||
| [[File:bäume-grün.jpg|400px]] | |||
| | | |||
| I used a similar technique to create christmas postcards. | |||
| The first one is a photo of trees in winter and only the darkest parts of the picture are shown. I printed the result with a pen plotter. | |||
| [[Media:b_ume.pde|Link to Algorithm]] | |||
| |-  | |||
| | | |||
| [[File:kerze.jpg|400px]] | |||
| | | |||
| The second one is a candle and only the brighter pixels are displayed. The pixels are simplified into two orthogonal lines. Their length is depending on their brightness. | |||
| I don't know why, but this one could not be printed with the plotter. | |||
| [[Media:kerze.pde|Link to Algorithm]] | |||
| |-  | |||
| |} | |||
| ==14.12.2018  -  Week 7== | |||
| {| border="1" | |||
| |- | |||
| ! style="width: 50%" | Result  | |||
| ! style="width: 50%" | Algorithm | |||
| |-  | |||
| | | |||
| [[File:pixelSorting_02.jpg|400px]] | |||
| |This is a result from the so called Pixel Sorting technique we did in class. | |||
| Original Picture is a portrait of Richard Avedon by Jacques-Henri Lartique, 1966. | |||
| [[Media:pixelSorting.pde|Link to Algorithm]] | |||
| |-  | |||
| | | |||
| [[File:pictureTo3dLines2.jpg|400px]] <br> <br> | |||
| [[File:pictureTo3dLines1.jpg|400px]] | |||
| |We also started to work within a 3d environment. we loaded images and made the height of their pixels depending on their brightness. <br> | |||
| As images, I took some results of earlier algorithms, <br> | |||
| the first is the one from the grid lesson <br> | |||
| the other one from the balloon lesson. I like that one because in 2d it looks to me like a growing earth ball and in 3d like beautiful snowy mountains.  | |||
| [[Media:peasyCam_dreiDmitBild_berge.pde|Link to Algorithm]] | |||
| |-  | |||
| |} | |||
| ==HGP-Algorithms== | |||
| {| border="1" | |||
| |- | |||
| ! style="width: 50%" | Result  | |||
| ! style="width: 50%" | Algorithm | |||
| |-  | |||
| |[[File:1-curves.jpg| 400px]]<br><br> | |||
| | My first algortithm was only about creating an intersting pattern,  but it didn't really came out like I expected it. I forgot to write, that the lines should go from the left to the right edge of the paper. and I wrote a second algorithm underneath, but the HGP assumed them as one algorithm, which made it maybe a bit difficult to understand what to do. But it looks very intersting and abstract and I at least learned how difficult it is to give correct advises and to make another person realize an image that only exists in ones head. | |||
| |-  | |||
| |[[File:2-verschobeneRechtecke1.jpg | 400px]]<br> | |||
| [[File:2-verschobeneRechtecke2.jpg | 400px]]<br> | |||
| | [[File:2-verschobeneRechtecke.jpg | 400px]]<br> | |||
| In this algorithm we should include randomness. I wanted to create a rectengular spiral, by drawing 3 lines in a 90 degeree angle and one line in an angle choosen by the HGP. I reduced the area for the angles so that the algorithm would work, but i maybe should have reduced it more, so that there are more lines and a more interesting image. | |||
| |-  | |||
| |[[File:3-noiseNotation.jpg | 400px]]<br> | |||
| | Noise Notation | |||
| This algorithm was about collecting parameters and numbers out of our surrounding. I choose the topic noise, because I had a class about Urban Soundscapes in the last semester and I wanted to try a simple form of notation. The HGP shouldonly focus on the hearing in crowded places. I did not say whether  to draw the waves on top of each other or under each other, thats why there are these 2 different forms in the result. I like it, that you can see the differences between the different places where the noise was notated and I had fun hearing about what some significant wave forms mean (like screaming kids on the ice rink) | |||
| |- | |||
| |[[File:ble.jpg | 200px]] [[File:ble_cover.jpg | 200px]]<br><br> | |||
| [[File:4-bild dreiecke.jpg | 400px]]<br> | |||
| |  | |||
| [[File:4-bild-algorithmus.jpg | 400px]]<br><br> | |||
| This weeks topic was all about working with images, so the HGP algorithm is, too. I wanted to see, how one can edit images with some simple steps, so that you can not see the original content of the picture any more. <br> | |||
| I choose a face as a subject of the picture, because normally one could still recognize some parts like the eyes, even if they are in a different position. But due to the blue colour of the original image, it is even hard to find the eyes. <br> | |||
| The triangle segments of the image sholn't be arranged randomly, so I choose to let the HGP arrange them by following the parameters of a text and write this text next to the new generated image. If there is a description to a picture, it changes the content of what we see, so I liked the idea, that through the citation the viewer can search for a new sense in the new picture. | |||
| |- | |||
| |} | |||
Latest revision as of 13:40, 6 January 2019
19.10.2018 - Week 1
| Result | Algorithm | 
|---|---|
|   | Homework / Introduction Superimposed results of the Introductory Algorithm. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.   | 
| Recreating Q1 Supermatistic by László Moholy-Nagy. | |
|   | Recreating AXL II by László Moholy-Nagy. | 
26.10.2018 - Week 2
| Result | Algorithm | 
|---|---|
|   | Creating a 2D grid structure, using nested for loops in Processing. | 
02.11.2018 - Week 3
| Result | Algorithm | 
|---|---|
|   | Recreating "Schotter" by Georg Nees in class. | 
| Experimenting with Brownian Motion in class. 
 | |
| Result | Algorithm | 
| some more experiments on randomness. | |
|  | Link to Algorithm | 
|  | Link to Algorithm | 
09.11.2018 - Week 4
| Result | Algorithm | 
|---|---|
|   | Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division. | 
22.11.2018 - Week 5
| Result | Algorithm | 
|---|---|
| 
 Somehow lost some files. but they all are based on the same algorithm, with different settings in color, size, speed and number : Link to Algorithm | 
30.11.2018 - Week 6
| Result | Algorithm | 
|---|---|
| we started to work with images. each pixel is referring to a line. the length of the lines and their number and distance is depending on the x coordinate of the mouse. | |
| I used a similar technique to create christmas postcards. The first one is a photo of trees in winter and only the darkest parts of the picture are shown. I printed the result with a pen plotter. | |
| The second one is a candle and only the brighter pixels are displayed. The pixels are simplified into two orthogonal lines. Their length is depending on their brightness. I don't know why, but this one could not be printed with the plotter. | 
14.12.2018 - Week 7
| Result | Algorithm | 
|---|---|
| This is a result from the so called Pixel Sorting technique we did in class. Original Picture is a portrait of Richard Avedon by Jacques-Henri Lartique, 1966. | |
| We also started to work within a 3d environment. we loaded images and made the height of their pixels depending on their brightness. As images, I took some results of earlier algorithms,  | 
 
		

























