Medien Wiki - User contributions [en]

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:19:36Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:Project_Image.jpg|600px|Image of the final prototype]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, a different approach tries to visualize the weather with hardware and software. 
See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

File:Project Image.jpg

2019-03-14T09:19:32Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:16:58Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, a different approach tries to visualize the weather with hardware and software. 
See the algorithm here: 
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:16:43Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, a different approach tries to visualize the weather with hardware and software. 
See the algorithm here: 
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:16:24Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, a different approach tries to visualize the weather with hardware and software. 
See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:15:57Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, a different approach tries to visualize the weather with hardware and software.
See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:15:17Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth, other |parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and |many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, |a different approach tries to visualize the weather with hardware and software.
|See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:14:45Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other |parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and |many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, |a different approach tries to visualize the weather with hardware and software.
|See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:14:28Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other |parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and |many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, a different approach tries to visualize the weather with hardware and software.
|See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:14:00Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other |parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and |many numbers to show how much it rains or how many hours of sun while we will have on a day. In this project, a different approach tries to visualize the weather with hardware and software.
|See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T09:13:06Z

ChristopherHeiden: /* Project Shower — 14.03.19 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
|[[File:ImageProject.jpg|600px|Introductory Algorithm]]
|The topic of climate change is nearly everywhere. It gets warmer and warmer in some regions on earth; other |parts get colder. The weather changes all the time. To visualize it, meteorologist use icons like a sun or clouds and |many numbers to show how much it rains or how many hours of sun while we will have on a day.
|In this project, a different approach tries to visualize the weather with hardware and software. 
|See the algorithm here:
 [[Media:Code.pdf|Code]]
 [[Media:Shower_Project.ino|Shower_Project.ino]]
 [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}

GMU:Algorithmic Art/Christopher Heiden

2019-03-14T08:59:13Z

ChristopherHeiden:

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:New_work.PNG|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

 
 
 

==Project Shower — 14.03.19==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

GMU:Algorithmic Art

2019-01-29T18:49:04Z

ChristopherHeiden: /* 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 Ahmad
13:30 - 14:00 Lucia
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 Yasmin

'''Friday 01.02.19'''
13:00 - 13:30 ozan
13:30 - 14:00 hilde
14:00 - 14:30 Constantin
14:30 - 15:00 Joel
15:00 - 15:30 Christopher
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/Christopher Heiden

2019-01-10T19:34:26Z

ChristopherHeiden: /* Rework 1 */

GMU:Algorithmic Art/Christopher Heiden

2019-01-10T19:33:56Z

ChristopherHeiden: /* Rework 1 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Line_rework.pde|600px|Rework 4]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:Point_rework.pde|Point_rework.pde]] 
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

File:Point rework.pde

2019-01-10T19:33:54Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:Assignment IV rework.pde

2019-01-10T19:33:54Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:New work.PNG

2019-01-10T19:33:54Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2019-01-10T19:32:40Z

ChristopherHeiden: /* Rework 2 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:new_Work.PNG|600px|Rework 6]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:Rectangle_rework.pde|Rect.pde]] 
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]] 
[[Media:Line_rework.pde|Line_rework.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

File:Line rework.pde

2019-01-10T19:32:38Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:Assignment VI rework.pde

2019-01-10T19:32:38Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:Rectangle rework.pde

2019-01-10T19:32:37Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:New Work.PNG

2019-01-10T19:32:37Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2019-01-10T19:30:45Z

ChristopherHeiden: /* Rework 3 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

GMU:Algorithmic Art/Christopher Heiden

2019-01-10T19:30:17Z

ChristopherHeiden: /* Rework 3 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:represenation.PNG.PNG|600px|Rework Sound]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:musicInt.pde|Sound.pde]] 
[[Media:interactiveSound.pde|InteractiveSound.pde]] 
[[Media:Draw.pde|Draw.pde]] 
|-
|}

File:MusicInt.pde

2019-01-10T19:30:15Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:InteractiveSound.pde

2019-01-10T19:30:15Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:Draw.pde

2019-01-10T19:30:15Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

File:Represenation.PNG

2019-01-10T19:30:14Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2019-01-10T19:27:45Z

ChristopherHeiden:

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:circleByLines.PNG|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Screen_5.png|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Rework 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

==Rework 3 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| That is a rework of one of my practices at home. This is in interactive processing programm. Therefore you need a "data" directory in which you store an "Audio" directory. In that you have to have two different sounds (sound1.mp3 and sound2.mp3). 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:35:01Z

ChristopherHeiden: /* Algorithm for Computers 5 — 16.11.18 */

File:Screen 5.png

2018-12-20T11:34:59Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:31:12Z

ChristopherHeiden: /* Algorithm for Computers 4 — 09.11.18 */

File:CircleByLines.PNG

2018-12-20T11:31:10Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:29:59Z

ChristopherHeiden: /* Algorithm for Computers 4 — 09.11.18 */

File:Assignment IV vide.mp4

2018-12-20T11:29:57Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:28:46Z

ChristopherHeiden: /* Algorithm for Computers 4 — 09.11.18 */

==Algorithm for Humans 1 — 19.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_154145_HDR_2.jpg|600px|Introductory Algorithm]]
|Result of the first analog algorithm reading line by line and execute the given instructions. 
|}

 
 

==Algorithm for Humans 2 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181031_153959_HDR.jpg|600px|Algorithm for Humans 2]]
|This time we had to write our own algorithm and give it an other student so he/she can try to draw it. The result you can see here. [[Media:Assignment I.pdf|Assignment_1]]
|}

 
 

==Algorithm for Humans 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181114_194819_HDR.jpg|600px|Algorithm for Humans 3]]
|New Assignment . See the algorithm here: [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}

 
 

==Algorithm for Humans 4 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:20181130_134012_HDR.jpg|600px|Algorithm for Humans 4]]
|New Assignment: See the algorithm here: [[Media:Human_Algo.pdf|Assignment_4]]
|}

 
 

==Algorithm for Humans 5 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: [[Media:Human Algo_2.pdf|Assignment_5]]
|}

 
 

==Algorithm for Computers 1 — 26.10.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. [[Media:Task_2.pde|Assignment_2.pde]]
|-
|}

 
 

==Algorithm for Computers 2 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:BallGame.jpg|600px|BallGame]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. 
 [[Media:Score.pde|Score.pde]]
 [[Media:Sticks.pde|Stick.pde]]
 [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
 [[Media:Ball.pde|Ball.pde]]
 [[Media:Menu_2.pde|Menu.pde]]
|}

 
 

==Algorithm for Computers 3 — 02.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:assignment_3.jpg|600px|Assignment_3]]
| Showing a small grid using vertexes and neste-for-loops. [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}

 
 

==Algorithm for Computers 4 — 09.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_IV 04. Nov. 2018 07_34_15.mp4|600px|Assignment_4]]
| Show circle created by lines using arrays, classes and random functions 
[[Media:Assignment_IV_.pde|Assignment_4.pde]] 
[[Media:Point_.pde|Point.pde]]
|-
|}

==Algorithm for Computers 5 — 16.11.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_V_video.mp4|600px|Assignment_5]]
| Show circle created by points. If the mouse is insead the circle it creates lines. All lines have their end point at the mouse position. 
[[Media:Assignment_V.pde|Assignment_5.pde]] 
|-
|}

==Algorithm for Computers 6 — 07.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Coloured_Rects.PNG|600px|Assignment_6]]
| The sketch creates many invisible retangles. That shapes will be used by a class called Lines which draws dots along the invisible shape of all created retangles 
[[Media:Assignment_VI.pde|Assignment_6.pde]] 
[[Media:Rectangle.pde|Rectangles.pde]] 
[[Media:Line_2.pde|Line.pde]] 
|-
|}

==Algorithm for Computers 7 — 20.12.18==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Assignment_7.PNG|600px|Assignment_7]]
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. 
[[Media:Assignment_VII.pde|Assignment_7.pde]] 
[[Media:Point_Triangle.pde|Point.pde]] 
[[Media:Triangle.pde|Triangle.pde]] 
|-
|}

==Personal Exercise 1 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Image_exer.PNG|600px|Exercise 1]]
| Create a sketch with music 
[[Media:createImage.pde|Create Image.pde]] 
[[Media:poligonDatabase.pde|Poligon Database.pde]] 
|-
|}

==Personal Exercise 2 ==

{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture. 
[[Media:exercise_2.pde|Draw static image.pde]] 
|-
|}

File:Assignment IV 04. Nov. 2018 07 34 15.mp4

2018-12-20T11:28:13Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:27:16Z

ChristopherHeiden: /* Algorithm for Computers 5 — 16.11.18 */

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:26:55Z

ChristopherHeiden: /* Algorithm for Computers 4 — 09.11.18 */

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:26:40Z

ChristopherHeiden: /* Personal Exercise 2 */

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:26:28Z

ChristopherHeiden: /* Personal Exercise 1 */

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:26:18Z

ChristopherHeiden: /* Algorithm for Computers 7 — 20.12.18 */

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:26:05Z

ChristopherHeiden: /* Algorithm for Computers 6 — 07.12.18 */

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:25:51Z

ChristopherHeiden: /* Algorithm for Computers 3 — 02.11.18 */

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:25:38Z

ChristopherHeiden: /* Algorithm for Humans 5 — 07.12.18 */

File:Result algo 6.jpg

2018-12-20T11:25:36Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:24:44Z

ChristopherHeiden: /* Algorithm for Humans 5 — 07.12.18 */

File:Result Algo 6.jpg

2018-12-20T11:24:40Z

ChristopherHeiden: File uploaded with MsUpload

File uploaded with MsUpload

GMU:Algorithmic Art/Christopher Heiden

2018-12-20T11:20:54Z

ChristopherHeiden: /* Algorithm for Computers 7 — 20.12.18 */