Medien Wiki - User contributions [en]

GMU:Algorithmic Art

2019-01-29T07:15:07Z

Hilde.braunschweig: /* Consultations */

Lecturer: Tobias Zimmer 
Credits: 6 [[ECTS]], 4 [[SWS]] 
Date: Friday, 13:30 – 16:45 
Venue: [[Marienstraße 7b]], Raum 102

----

==Description==
Waiting at traffic lights, shopping online, finding a new partner, baking a cake - noticed or unnoticed, everyone is in contact with algorithms each day.

In the class Algorithmic Art we will focus on graphical algorithms and generative art, to learn how to think like a machine. The programming language Processing offers artists and designers the chance to go beyond predefined and often limiting software and allows them to create their very own tools for 2D or 3D graphics production, interactive installations, data manipulation and more. With a simplified syntax, Processing takes down high entry barriers that are usually associated with programming languages. Simple visual results are possible with just a few lines of code, with an open end to more complex output and rule systems.

We will orient ourselves to the pioneering work of early computer artists (”Algorists”) like Vera Molnar, Manfred Mohr or Frieder Nake and use a pen-plotter (self built in class or a ready-made one) to materialize the algorithms we develop in homeworks or in class. Treated topics and programming basics include: 2D shapes and geometry, variables, arrays, loops, randomness, noise, interaction, animation, functions, object orientation, working with data (image, sound, text),...

Further topics depending on interest:webcam interaction, openCV, working with libraries and API’s, 3D graphics, communication (OSC), projection mapping,…

----

==Introductory Algorithm==
[[File:intro_algorithm_600x600.gif|Introductory Algorithm]]

----

==Working with the Plotter==
* [[/HP 7475A/]]

----
==Student Works ==
* [[/Tobias Zimmer/]]
* [[/Christopher Heiden/]]
* [[/Baiyao Lin/]]
* [[/Ozan Akkoyun/]]
* [[/Grayson Daniel Bailey/]]
* [[/Leon Billerbeck/]]
* [[/Manuel Hartmann/]]
* [[/Yasmin Mukino/]]
* [[/Hilde Karin Braunschweig/]]
* [[/Joel Schäfer/]]
* [[/Lorenz Gunreben/]]
* [[/Lucia Schmidt/]]
* [[/Michael Wilde/]]
* [[/F a b i a n K r z i c h/]]
* [[/Jonas Obertüfer/]]
* [[/Constantin Noack/]]
* [[/Ahmad Hafez/]]
* [[/Felix Seiboth/]]
----

==Consultations==
'''Thursday 31.01.19'''
13:00 - 13:30 (put your name here)
13:30 - 14:00 (put your name here)
14:00 - 14:30 (put your name here)
14:30 - 15:00 (put your name here)
15:00 - 15:30 (put your name here)
15:30 - 16:00 (put your name here)
16:00 - 16:30 (put your name here)

'''Friday 01.02.19'''
13:00 - 13:30 (put your name here)
13:30 - 14:00 hilde
14:00 - 14:30 (put your name here)
14:30 - 15:00 (put your name here)
15:00 - 15:30 (put your name here)
15:30 - 16:00 (put your name here)
16:00 - 16:30 (put your name here)

==Resources==
'''Processing'''
*[https://processing.org/reference/ Processing Reference]
*[https://processing.org/examples/ Processing Examples] you can also conveniently find these in the Processing IDE)
*Processing Cheatsheet [https://cdn.sparkfun.com/assets/6/3/f/e/3/Processing_Cheatsheet_Update.pdf] [https://www.cs.bham.ac.uk/~cxp291/ri/processing_cheat_sheet_english.pdf]
* 25 Life Saving Tips for Processing [https://amnonp5.wordpress.com/2012/01/28/25-life-saving-tips-for-processing/] [https://forum.processing.org/one/topic/25-life-saving-tips-for-processing-blogpost.html]
 
'''Relevant Texts'''
*[http://www.verostko.com/algorist.html The Algorists, ''Roman Versotko'']
*Ten theses about software art, ''Florian Cramer'' [http://cramer.pleintekst.nl/essays/10_thesen_zur_softwarekunst/10_theses_about_software_art.html english], [https://www.netzliteratur.net/cramer/thesen_softwarekunst.html german]
*Do it, ''Hans Ulrich Obrist'' (you can find the book in the library)
*[http://www.charlesgmiller.com/teaching/177/DOIT.pdf Art by instruction and the pre-history of do it, ''Bruce Altshuler'']
 
'''Early Computer Artists'''
*[http://dam.org/artists/phase-one Digital Art Museum]
*[http://dada.compart-bremen.de/ Compart Bremen]
 

'''Other artists working with code'''
*[http://reas.com/ Casey Reas]
*[https://img.inconvergent.net/plot/ Anders Hoff]
*tbc...

 
'''Inspirations'''
*[https://www.openprocessing.org/ Open Processing]
*[https://processing.org/exhibition/ Processing Exhibition]
*[https://www.creativeapplications.net/ Creative Applications]
*[http://prostheticknowledge.tumblr.com/ Prosthetic Knowledge]

----

==Treated Topics==

'''12.10.18'''
* Sol LeWitt | [https://massmoca.org/sol-lewitt/ Wall Drawings]
* Casey Reas | [http://reas.com/notation/ Notation]

 '''19.10.18'''
*[https://en.wikipedia.org/wiki/Concrete_art Concrete Art Manifesto]
*''2D Geometry''

 '''26.10.18'''
*''Variables''
*''Iteration / Animation''
*''For Loops''
*''Nested For Loops''

 '''02.11.18''' 
'''Art without author!? / Artists working with randomness'''
*Jackson Pollock
*Gerhard Richter | [https://www.gerhard-richter.com/de/art/paintings/abstracts/colour-charts-12 Colour Charts] | [https://www.gerhard-richter.com/en/art/paintings/abstracts/colour-charts-12/4096-colours-6089/?&referer=search&title=4096&keyword=4096 4096 Colors]
*Henri Michaux | [https://www.google.de/search?q=henri+michaux+mescaline+drawings&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiV5tbI8cHeAhWPPFAKHW82DTYQ_AUIDigB&biw=1097&bih=554 Mescaline Drawings] 
*John Cage | [https://www.youtube.com/watch?v=B_8-B2rNw7s Music of Changes] | [https://www.youtube.com/watch?v=zvUoHxdZs4o&feature=youtu.be&t=148 I Ching (1)] | [https://www.youtube.com/watch?v=uyjOnqzjqpc I Ching (2)]
 
*RAND Corporation | [https://www.youtube.com/watch?v=bvLD54GnOTk 1.000.000 Million Random Digits]
*Global Consciousness Project - Meaningful Correlations in Random Data | [http://noosphere.princeton.edu/ Website]
*Studio Nand | [https://nand.io/projects/known-unknowns The Known Unknowns]

*''translate()''
*''scale()''
*''rotate()''
*''random()''
*''Arrays''

 '''09.11.18'''
* Anastasis Germanidis | [http://agermanidis.com/#randomly-generated-social-interactions Randomly Generated Social Interactions]

*''noise()'' – 1D, 2D
*''sin(), cos()'' – adressing points in a circular coordinate system
*''map()''

 '''16.11.18''' 
'''Drawing Machines by...'''
*[https://www.youtube.com/watch?v=cf7woGFW-Tc Jean Tuingely]
*[http://www.timknowles.co.uk Tim Knowles]
*[http://www.dwbowen.com David Bowen]
*[http://olafureliasson.net/archive/artwork/WEK108599/connecting-cross-country-with-a-line#slideshow Olafur Eliasson]
*[http://www.smigla-bobinski.com/english/works/ADA/index.html Karina Smigla-Bobinski]
*[http://sougwen.com Sougwen Chung]
*[https://www.nature.com/articles/464681b Die Helmholtz Kurven] | [https://aphelis.net/etienne-jules-marey-myograph/ Improved Myograph / Frog Drawing Machine]
 
*Getting started with the Plotter (HP7475A)
*''HPGL library''

 '''23.11.18'''
*Classes (balloons and particles reacting to two dimensional noise)
*''ArrayList''

 '''30.11.18'''
* Working with images
*''PImage''
*''get(x,y), get(x,y,w,h), brightness(), saturation(), red(), green(), blue()''

 '''07.12.18'''

 '''14.12.18'''

 '''21.12.18'''
* OSC
* FaceOSC

 '''11.01.18'''
* Motion Detection
* OpenCV & Face Detection

 '''18.01.18'''
* loading data from files and visualizing texts

 '''25.01.18'''

 '''01.02.18'''

----

==Future Topics==

* PVector
* Export svg files
* ''noise()'' – 3D
* Working with images
* Working with sound
* Working with text
* Recursion
* L-Systems

[[Category:WS18]]

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-06T13:40:43Z

Hilde.braunschweig: /* 14.12.2018 - Week 7 */

==19.10.2018 - Week 1==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-

| [[File:algorithm 1.jpg|400px]]
| ''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. 
[[Media:Introductory_algorithm.pdf|Link to Algorithm]] 
|-
|
[[File:moholyNagyQ1Supermatistic.jpg|400px]]
| Recreating Q1 Supermatistic by László Moholy-Nagy. 

 [[Media:moholyNagyQ1Supermatistic.pde|Link to Algorithm]]
|-
|[[File:moholyNagyAXLII.jpg|400px]]
| Recreating AXL II by László Moholy-Nagy. 

 [[Media:moholyNagy_AXLII.pde|Link to Algorithm]]
|}

 
 

==26.10.2018 - Week 2==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_grid in turquoise.jpg|400px]]
| Creating a 2D grid structure, using nested for loops in Processing. 

 [[Media:sketch_181031a.pde|Link to Algorithm]]
|-
|}

==02.11.2018 - Week 3==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:schotter-georgNees 1.jpg|400px]] 
| Recreating "Schotter" by Georg Nees in class.
 [[Media:schotter_georgnees.pde|Link to Algorithm]]
|-
| [[File:20181102_brownschweBewegung_3.JPG|400px]] 
[[File:brownscheBewegung-orthogonal1.jpg|400px]]
| Experimenting with Brownian Motion in class.
 [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]]
 [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]]
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:strahlen1.JPG|400px]] 
| some more experiments on randomness.
 [[Media:strahlen.pde|Link to Algorithm]]
|-
|[[File:floatingCirclesF.mp4|400px]] 
|[[Media:floatingCircles.pde|Link to Algorithm]]
|-
|[[File:PoppingCircles.mp4|400px]] 
|[[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]] 
[[File:noise-joyDivision3.jpg|500px]] 
[[File:noise-joyDivision2.jpg|500px]]
| Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division.
 [[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]] 
[[File:weltexplosion1.jpg|500px]] 
[[File:wellenaufzeichnung3.jpg|500px]] 
[[File:wellenaufzeichnung2.jpg|500px]] 
[[File:wellenaufzeichnung0.jpg|500px]] 
[[File:wellenaufzeichnung1.jpg|500px]] 

|
 
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]] 
[[File:hütte03.jpg|400px]] 
[[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]] 
[[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. 
As images, I took some results of earlier algorithms, 
the first is the one from the grid lesson 
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]] 

| 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]] 
[[File:2-verschobeneRechtecke2.jpg | 400px]] 

| [[File:2-verschobeneRechtecke.jpg | 400px]] 
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]] 

| 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]] 
[[File:4-bild dreiecke.jpg | 400px]] 

|
[[File:4-bild-algorithmus.jpg | 400px]] 
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. 
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. 
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.
|-

|}

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-06T13:38:19Z

Hilde.braunschweig: /* 14.12.2018 - Week 7 */

==19.10.2018 - Week 1==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-

| [[File:algorithm 1.jpg|400px]]
| ''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. 
[[Media:Introductory_algorithm.pdf|Link to Algorithm]] 
|-
|
[[File:moholyNagyQ1Supermatistic.jpg|400px]]
| Recreating Q1 Supermatistic by László Moholy-Nagy. 

 [[Media:moholyNagyQ1Supermatistic.pde|Link to Algorithm]]
|-
|[[File:moholyNagyAXLII.jpg|400px]]
| Recreating AXL II by László Moholy-Nagy. 

 [[Media:moholyNagy_AXLII.pde|Link to Algorithm]]
|}

 
 

==26.10.2018 - Week 2==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_grid in turquoise.jpg|400px]]
| Creating a 2D grid structure, using nested for loops in Processing. 

 [[Media:sketch_181031a.pde|Link to Algorithm]]
|-
|}

==02.11.2018 - Week 3==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:schotter-georgNees 1.jpg|400px]] 
| Recreating "Schotter" by Georg Nees in class.
 [[Media:schotter_georgnees.pde|Link to Algorithm]]
|-
| [[File:20181102_brownschweBewegung_3.JPG|400px]] 
[[File:brownscheBewegung-orthogonal1.jpg|400px]]
| Experimenting with Brownian Motion in class.
 [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]]
 [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]]
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:strahlen1.JPG|400px]] 
| some more experiments on randomness.
 [[Media:strahlen.pde|Link to Algorithm]]
|-
|[[File:floatingCirclesF.mp4|400px]] 
|[[Media:floatingCircles.pde|Link to Algorithm]]
|-
|[[File:PoppingCircles.mp4|400px]] 
|[[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]] 
[[File:noise-joyDivision3.jpg|500px]] 
[[File:noise-joyDivision2.jpg|500px]]
| Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division.
 [[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]] 
[[File:weltexplosion1.jpg|500px]] 
[[File:wellenaufzeichnung3.jpg|500px]] 
[[File:wellenaufzeichnung2.jpg|500px]] 
[[File:wellenaufzeichnung0.jpg|500px]] 
[[File:wellenaufzeichnung1.jpg|500px]] 

|
 
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]] 
[[File:hütte03.jpg|400px]] 
[[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]] 
[[File:pictureTo3dLines1.jpg|400px]]

|We also started to work within a 3d environment. we loaded images and made their height of the pixels depending on their brightness. 
I took some results of earlier algorithms, 
the first is the one from the grid lesson 
the other 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]] 

| 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]] 
[[File:2-verschobeneRechtecke2.jpg | 400px]] 

| [[File:2-verschobeneRechtecke.jpg | 400px]] 
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]] 

| 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]] 
[[File:4-bild dreiecke.jpg | 400px]] 

|
[[File:4-bild-algorithmus.jpg | 400px]] 
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. 
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. 
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.
|-

|}

File:PeasyCam dreiDmitBild berge.pde

2019-01-06T13:36:34Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

File:PictureTo3dLines1.jpg

2019-01-06T13:36:34Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

File:PictureTo3dLines2.jpg

2019-01-06T13:36:32Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-06T12:34:53Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

==19.10.2018 - Week 1==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-

| [[File:algorithm 1.jpg|400px]]
| ''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. 
[[Media:Introductory_algorithm.pdf|Link to Algorithm]] 
|-
|
[[File:moholyNagyQ1Supermatistic.jpg|400px]]
| Recreating Q1 Supermatistic by László Moholy-Nagy. 

 [[Media:moholyNagyQ1Supermatistic.pde|Link to Algorithm]]
|-
|[[File:moholyNagyAXLII.jpg|400px]]
| Recreating AXL II by László Moholy-Nagy. 

 [[Media:moholyNagy_AXLII.pde|Link to Algorithm]]
|}

 
 

==26.10.2018 - Week 2==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_grid in turquoise.jpg|400px]]
| Creating a 2D grid structure, using nested for loops in Processing. 

 [[Media:sketch_181031a.pde|Link to Algorithm]]
|-
|}

==02.11.2018 - Week 3==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:schotter-georgNees 1.jpg|400px]] 
| Recreating "Schotter" by Georg Nees in class.
 [[Media:schotter_georgnees.pde|Link to Algorithm]]
|-
| [[File:20181102_brownschweBewegung_3.JPG|400px]] 
[[File:brownscheBewegung-orthogonal1.jpg|400px]]
| Experimenting with Brownian Motion in class.
 [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]]
 [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]]
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:strahlen1.JPG|400px]] 
| some more experiments on randomness.
 [[Media:strahlen.pde|Link to Algorithm]]
|-
|[[File:floatingCirclesF.mp4|400px]] 
|[[Media:floatingCircles.pde|Link to Algorithm]]
|-
|[[File:PoppingCircles.mp4|400px]] 
|[[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]] 
[[File:noise-joyDivision3.jpg|500px]] 
[[File:noise-joyDivision2.jpg|500px]]
| Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division.
 [[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]] 
[[File:weltexplosion1.jpg|500px]] 
[[File:wellenaufzeichnung3.jpg|500px]] 
[[File:wellenaufzeichnung2.jpg|500px]] 
[[File:wellenaufzeichnung0.jpg|500px]] 
[[File:wellenaufzeichnung1.jpg|500px]] 

|
 
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]] 
[[File:hütte03.jpg|400px]] 
[[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]]
|-
|}

==HGP-Algorithms==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:1-curves.jpg| 400px]] 

| 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]] 
[[File:2-verschobeneRechtecke2.jpg | 400px]] 

| [[File:2-verschobeneRechtecke.jpg | 400px]] 
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]] 

| 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]] 
[[File:4-bild dreiecke.jpg | 400px]] 

|
[[File:4-bild-algorithmus.jpg | 400px]] 
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. 
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. 
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.
|-

|}

File:PixelSorting 02.jpg

2019-01-06T12:34:12Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

File:PixelSorting.pde

2019-01-06T12:34:12Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

File:Bäume-grün.jpg

2019-01-06T12:25:53Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-06T12:25:16Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

==19.10.2018 - Week 1==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-

| [[File:algorithm 1.jpg|400px]]
| ''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. 
[[Media:Introductory_algorithm.pdf|Link to Algorithm]] 
|-
|
[[File:moholyNagyQ1Supermatistic.jpg|400px]]
| Recreating Q1 Supermatistic by László Moholy-Nagy. 

 [[Media:moholyNagyQ1Supermatistic.pde|Link to Algorithm]]
|-
|[[File:moholyNagyAXLII.jpg|400px]]
| Recreating AXL II by László Moholy-Nagy. 

 [[Media:moholyNagy_AXLII.pde|Link to Algorithm]]
|}

 
 

==26.10.2018 - Week 2==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_grid in turquoise.jpg|400px]]
| Creating a 2D grid structure, using nested for loops in Processing. 

 [[Media:sketch_181031a.pde|Link to Algorithm]]
|-
|}

==02.11.2018 - Week 3==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:schotter-georgNees 1.jpg|400px]] 
| Recreating "Schotter" by Georg Nees in class.
 [[Media:schotter_georgnees.pde|Link to Algorithm]]
|-
| [[File:20181102_brownschweBewegung_3.JPG|400px]] 
[[File:brownscheBewegung-orthogonal1.jpg|400px]]
| Experimenting with Brownian Motion in class.
 [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]]
 [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]]
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:strahlen1.JPG|400px]] 
| some more experiments on randomness.
 [[Media:strahlen.pde|Link to Algorithm]]
|-
|[[File:floatingCirclesF.mp4|400px]] 
|[[Media:floatingCircles.pde|Link to Algorithm]]
|-
|[[File:PoppingCircles.mp4|400px]] 
|[[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]] 
[[File:noise-joyDivision3.jpg|500px]] 
[[File:noise-joyDivision2.jpg|500px]]
| Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division.
 [[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]] 
[[File:weltexplosion1.jpg|500px]] 
[[File:wellenaufzeichnung3.jpg|500px]] 
[[File:wellenaufzeichnung2.jpg|500px]] 
[[File:wellenaufzeichnung0.jpg|500px]] 
[[File:wellenaufzeichnung1.jpg|500px]] 

|
 
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]] 
[[File:hütte03.jpg|400px]] 
[[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]]
|-
|}

==HGP-Algorithms==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:1-curves.jpg| 400px]] 

| 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]] 
[[File:2-verschobeneRechtecke2.jpg | 400px]] 

| [[File:2-verschobeneRechtecke.jpg | 400px]] 
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]] 

| 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]] 
[[File:4-bild dreiecke.jpg | 400px]] 

|
[[File:4-bild-algorithmus.jpg | 400px]] 
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. 
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. 
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.
|-

|}

File:Kerze.pde

2019-01-06T12:24:18Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:B ume.pde

2019-01-06T12:23:09Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Kerze.jpg

2019-01-06T12:22:32Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-06T12:21:06Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

==19.10.2018 - Week 1==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-

| [[File:algorithm 1.jpg|400px]]
| ''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. 
[[Media:Introductory_algorithm.pdf|Link to Algorithm]] 
|-
|
[[File:moholyNagyQ1Supermatistic.jpg|400px]]
| Recreating Q1 Supermatistic by László Moholy-Nagy. 

 [[Media:moholyNagyQ1Supermatistic.pde|Link to Algorithm]]
|-
|[[File:moholyNagyAXLII.jpg|400px]]
| Recreating AXL II by László Moholy-Nagy. 

 [[Media:moholyNagy_AXLII.pde|Link to Algorithm]]
|}

 
 

==26.10.2018 - Week 2==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_grid in turquoise.jpg|400px]]
| Creating a 2D grid structure, using nested for loops in Processing. 

 [[Media:sketch_181031a.pde|Link to Algorithm]]
|-
|}

==02.11.2018 - Week 3==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:schotter-georgNees 1.jpg|400px]] 
| Recreating "Schotter" by Georg Nees in class.
 [[Media:schotter_georgnees.pde|Link to Algorithm]]
|-
| [[File:20181102_brownschweBewegung_3.JPG|400px]] 
[[File:brownscheBewegung-orthogonal1.jpg|400px]]
| Experimenting with Brownian Motion in class.
 [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]]
 [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]]
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:strahlen1.JPG|400px]] 
| some more experiments on randomness.
 [[Media:strahlen.pde|Link to Algorithm]]
|-
|[[File:floatingCirclesF.mp4|400px]] 
|[[Media:floatingCircles.pde|Link to Algorithm]]
|-
|[[File:PoppingCircles.mp4|400px]] 
|[[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]] 
[[File:noise-joyDivision3.jpg|500px]] 
[[File:noise-joyDivision2.jpg|500px]]
| Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division.
 [[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]] 
[[File:weltexplosion1.jpg|500px]] 
[[File:wellenaufzeichnung3.jpg|500px]] 
[[File:wellenaufzeichnung2.jpg|500px]] 
[[File:wellenaufzeichnung0.jpg|500px]] 
[[File:wellenaufzeichnung1.jpg|500px]] 

|
 
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]] 
[[File:hütte03.jpg|400px]] 
[[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äume1.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]]
|-
|}

==HGP-Algorithms==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:1-curves.jpg| 400px]] 

| 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]] 
[[File:2-verschobeneRechtecke2.jpg | 400px]] 

| [[File:2-verschobeneRechtecke.jpg | 400px]] 
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]] 

| 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]] 
[[File:4-bild dreiecke.jpg | 400px]] 

|
[[File:4-bild-algorithmus.jpg | 400px]] 
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. 
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. 
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.
|-

|}

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-02T12:20:12Z

Hilde.braunschweig: /* HGP-Algorithms */

==19.10.2018 - Week 1==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-

| [[File:algorithm 1.jpg|400px]]
| ''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. 
[[Media:Introductory_algorithm.pdf|Link to Algorithm]] 
|-
|
[[File:moholyNagyQ1Supermatistic.jpg|400px]]
| Recreating Q1 Supermatistic by László Moholy-Nagy. 

 [[Media:moholyNagyQ1Supermatistic.pde|Link to Algorithm]]
|-
|[[File:moholyNagyAXLII.jpg|400px]]
| Recreating AXL II by László Moholy-Nagy. 

 [[Media:moholyNagy_AXLII.pde|Link to Algorithm]]
|}

 
 

==26.10.2018 - Week 2==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_grid in turquoise.jpg|400px]]
| Creating a 2D grid structure, using nested for loops in Processing. 

 [[Media:sketch_181031a.pde|Link to Algorithm]]
|-
|}

==02.11.2018 - Week 3==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:schotter-georgNees 1.jpg|400px]] 
| Recreating "Schotter" by Georg Nees in class.
 [[Media:schotter_georgnees.pde|Link to Algorithm]]
|-
| [[File:20181102_brownschweBewegung_3.JPG|400px]] 
[[File:brownscheBewegung-orthogonal1.jpg|400px]]
| Experimenting with Brownian Motion in class.
 [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]]
 [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]]
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:strahlen1.JPG|400px]] 
| some more experiments on randomness.
 [[Media:strahlen.pde|Link to Algorithm]]
|-
|[[File:floatingCirclesF.mp4|400px]] 
|[[Media:floatingCircles.pde|Link to Algorithm]]
|-
|[[File:PoppingCircles.mp4|400px]] 
|[[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]] 
[[File:noise-joyDivision3.jpg|500px]] 
[[File:noise-joyDivision2.jpg|500px]]
| Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division.
 [[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]] 
[[File:weltexplosion1.jpg|500px]] 
[[File:wellenaufzeichnung3.jpg|500px]] 
[[File:wellenaufzeichnung2.jpg|500px]] 
[[File:wellenaufzeichnung0.jpg|500px]] 
[[File:wellenaufzeichnung1.jpg|500px]] 

|
 
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]] 
[[File:hütte03.jpg|400px]] 
[[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]]
|-

|}

==HGP-Algorithms==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:1-curves.jpg| 400px]] 

| 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]] 
[[File:2-verschobeneRechtecke2.jpg | 400px]] 

| [[File:2-verschobeneRechtecke.jpg | 400px]] 
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]] 

| 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]] 
[[File:4-bild dreiecke.jpg | 400px]] 

|
[[File:4-bild-algorithmus.jpg | 400px]] 
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. 
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. 
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.
|-

|}

File:4-bild-algorithmus.jpg

2019-01-02T12:18:11Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:4-bild dreiecke.jpg

2019-01-02T12:12:31Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Ble cover.jpg

2019-01-02T12:05:23Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Ble.jpg

2019-01-02T12:03:52Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-02T12:00:18Z

Hilde.braunschweig: /* HGP-Algorithms */

==19.10.2018 - Week 1==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-

| [[File:algorithm 1.jpg|400px]]
| ''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. 
[[Media:Introductory_algorithm.pdf|Link to Algorithm]] 
|-
|
[[File:moholyNagyQ1Supermatistic.jpg|400px]]
| Recreating Q1 Supermatistic by László Moholy-Nagy. 

 [[Media:moholyNagyQ1Supermatistic.pde|Link to Algorithm]]
|-
|[[File:moholyNagyAXLII.jpg|400px]]
| Recreating AXL II by László Moholy-Nagy. 

 [[Media:moholyNagy_AXLII.pde|Link to Algorithm]]
|}

 
 

==26.10.2018 - Week 2==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_grid in turquoise.jpg|400px]]
| Creating a 2D grid structure, using nested for loops in Processing. 

 [[Media:sketch_181031a.pde|Link to Algorithm]]
|-
|}

==02.11.2018 - Week 3==
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:schotter-georgNees 1.jpg|400px]] 
| Recreating "Schotter" by Georg Nees in class.
 [[Media:schotter_georgnees.pde|Link to Algorithm]]
|-
| [[File:20181102_brownschweBewegung_3.JPG|400px]] 
[[File:brownscheBewegung-orthogonal1.jpg|400px]]
| Experimenting with Brownian Motion in class.
 [[Media:brownscheBewegung.pde|Link to Algorithm - random directions]]
 [[Media:brownscheBewegung_orthogonaleLinien.pde|Link to Algorithm - orthogonal directions]]
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:strahlen1.JPG|400px]] 
| some more experiments on randomness.
 [[Media:strahlen.pde|Link to Algorithm]]
|-
|[[File:floatingCirclesF.mp4|400px]] 
|[[Media:floatingCircles.pde|Link to Algorithm]]
|-
|[[File:PoppingCircles.mp4|400px]] 
|[[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]] 
[[File:noise-joyDivision3.jpg|500px]] 
[[File:noise-joyDivision2.jpg|500px]]
| Experiments with the noise function in class. idea from the "Unknown Pleasures" Poster by Joy Division.
 [[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]] 
[[File:weltexplosion1.jpg|500px]] 
[[File:wellenaufzeichnung3.jpg|500px]] 
[[File:wellenaufzeichnung2.jpg|500px]] 
[[File:wellenaufzeichnung0.jpg|500px]] 
[[File:wellenaufzeichnung1.jpg|500px]] 

|
 
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]] 
[[File:hütte03.jpg|400px]] 
[[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]]
|-

|}

==HGP-Algorithms==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:1-curves.jpg| 400px]] 

| 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]] 
[[File:2-verschobeneRechtecke2.jpg | 400px]] 

| [[File:2-verschobeneRechtecke.jpg | 400px]] 
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]] 

| 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]] 
[[File:4-bild dreiecke.jpg | 400px]] 

|
[[File:4-bild-algorithmus.jpg | 400px]] 
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. 
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. 
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.
|-

|}

File:3-noiseNotation.jpg

2019-01-02T11:35:01Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-02T11:02:19Z

Hilde.braunschweig: /* HGP-Algorithms */

File:1-curves.jpg

2019-01-02T11:01:27Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-02T10:58:49Z

Hilde.braunschweig: /* HGP-Algorithms */

File:2-verschobeneRechtecke.jpg

2019-01-02T10:37:08Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:2-verschobeneRechtecke2.jpg

2019-01-02T10:29:26Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:2-verschobeneRechtecke1.jpg

2019-01-02T10:22:18Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-02T10:20:15Z

Hilde.braunschweig: /* HGP-Algorithms */

GMU:Algorithmic Art/Hilde Karin Braunschweig

2019-01-02T10:02:54Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

File:1-curves.pdf

2019-01-02T09:58:45Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T11:13:07Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T11:12:41Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T11:12:18Z

Hilde.braunschweig: /* 22.11.2018 - Week 5 */

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T11:11:43Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T11:10:39Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

File:Hütte02.jpg

2018-12-14T11:10:00Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T11:08:45Z

Hilde.braunschweig: /* 30.11.2018 - Week 6 */

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T11:06:58Z

Hilde.braunschweig: /* 22.11.2018 - Week 5 */

File:Hütte04.jpg

2018-12-14T11:05:40Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

File:Hütte03.jpg

2018-12-14T11:05:40Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

File:H tte.pde

2018-12-14T11:05:39Z

Hilde.braunschweig: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T10:51:19Z

Hilde.braunschweig: /* 22.11.2018 - Week 5 */

GMU:Algorithmic Art/Hilde Karin Braunschweig

2018-12-14T10:46:23Z

Hilde.braunschweig: /* 22.11.2018 - Week 5 */

File:Wellenaufzeichnung.txt

2018-12-14T10:42:53Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Wellenaufzeichnung3.jpg

2018-12-14T10:42:15Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Wellenaufzeichnung2.jpg

2018-12-14T10:41:36Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Wellenaufzeichnung1.jpg

2018-12-14T10:41:05Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Wellenaufzeichnung0.jpg

2018-12-14T10:40:33Z

Hilde.braunschweig:

== Summary ==

== Copyright status: ==

== Source: ==

File:Weltexplosion1.jpg

2018-12-14T10:39:57Z

Hilde.braunschweig: