GMU:Algorithmic Art/Christopher Heiden: Difference between revisions

From Medien Wiki
(Created page with "<br> ==Algorithm for Humans 1 — 19.10.18== {| border="1" |- ! style="width: 50%" | Result ! style="width: 50%" | Algorithm |- | File:introductory_algorithm_superimpose...")
 
 
(69 intermediate revisions by the same user not shown)
Line 1: Line 1:
<br>
==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.  <br><br>
|}
<br>
<br>
==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. <br><br>  [[Media:Assignment I.pdf|Assignment_1]]
|}
<br>
<br>
==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: <br><br>  [[Media:Assignment_III_human_Algo.pdf|Assignment_3]]
|}
<br>
<br>
==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: <br><br>  [[Media:Human_Algo.pdf|Assignment_4]]
|}
<br>
<br>
<br>


==Algorithm for Humans 1 — 19.10.18==
==Algorithm for Humans 5 — 07.12.18==


{| border="1"
{| border="1"
Line 7: Line 62:
! style="width: 50%" | Result
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
! style="width: 50%" | Algorithm
|-
|  [[File:result_algo_6.jpg|600px|Algorithm for Humans 6]]
|New Assignment: See the algorithm here: <br><br>  [[Media:Human Algo_2.pdf|Assignment_5]]
|}
<br>
<br>
==Algorithm for Computers 1 — 26.10.18==
{| border="1"
|-
|-
| [[File:introductory_algorithm_superimposed_1200x1200.jpg|600px|Introductory Algorithm]]  
! style="width: 50%" | Result
| Superimposed results of the Introductory Algorithm. By executing the algorithm, each participant of the class created a unique personal sign, based on their own name.  <br><br> [[Media:introductory_algorithm.pdf|Introductory Algorithm]] <br><br> Description, scan, photo, text or file of the algorithm here. Please also include possible references or inspirations with links if you can.
! style="width: 50%" | Algorithm
|-
| [[File:assignment_2.jpg|600px|Assignment_2]]
| Presenting the first drawing imagine with Processing. <br><br> [[Media:Task_2.pde|Assignment_2.pde]]
|-
|-
|}
|}
Line 16: Line 85:
<br>
<br>


==Algorithm for Computers 1 — 02.11.18==
==Algorithm for Computers 2 — 02.11.18==


{| border="1"
{| border="1"
Line 23: Line 92:
! style="width: 50%" | Algorithm
! style="width: 50%" | Algorithm
|-  
|-  
| [[File:nesteForLoop.jpg|nestedForLoops]]
| [[File:BallGame.jpg|600px|BallGame]]
| Combining two for loops to create a 2D Grid Structure. <br><br> [[Media:nestedForLoops.pde|nestedForLoops.pde]]
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. <br>
<br> [[Media:Score.pde|Score.pde]]
<br> [[Media:Sticks.pde|Stick.pde]]
<br> [[Media:Waterfall__Game.pde|Waterfall__Game.pde]]
<br> [[Media:Ball.pde|Ball.pde]]
<br> [[Media:Menu_2.pde|Menu.pde]]
|}
 
<br>
<br>
 
==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. <br><br> [[Media:Assignment_III.pde|Assignment_3.pde]]
|-
|}
 
<br>
<br>
 
==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 <br><br>
[[Media:Assignment_IV_.pde|Assignment_4.pde]]<br>
[[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. <br><br>
[[Media:Assignment_V.pde|Assignment_5.pde]]<br>
|-
|}
 
==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<br><br>
[[Media:Assignment_VI.pde|Assignment_6.pde]]<br>
[[Media:Rectangle.pde|Rectangles.pde]]<br>
[[Media:Line_2.pde|Line.pde]]<br>
|-
|}
 
==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. <br><br>
[[Media:Assignment_VII.pde|Assignment_7.pde]]<br>
[[Media:Point_Triangle.pde|Point.pde]]<br>
[[Media:Triangle.pde|Triangle.pde]]<br>
|-
|}
 
==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<br><br>
[[Media:createImage.pde|Create Image.pde]]<br>
[[Media:poligonDatabase.pde|Poligon Database.pde]]<br>
|-
|}
 
==Personal Exercise 2 ==
 
{| border="1"
|-
! style="width: 50%" | Result
! style="width: 50%" | Algorithm
|-
| [[File:Picture_exer.PNG|600px|Exercise 2]]
| Create a static picture.<br><br>
[[Media:exercise_2.pde|Draw static image.pde]]<br>
|-
|}
 
==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.<br><br>
[[Media:createImage.pde|Create Image.pde]]<br>
[[Media:Point_rework.pde|Point_rework.pde]]<br>
[[Media:Assignment_IV_rework.pde|Assignment_IV_rework.pde]]<br>
|-
|}
 
==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.<br><br>
[[Media:Rectangle_rework.pde|Rect.pde]]<br>
[[Media:Assignment_VI_rework.pde|Assignment_VI_rework.pde]]<br>
[[Media:Line_rework.pde|Line_rework.pde]]<br>
|-
|}
 
==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).<br><br>
[[Media:musicInt.pde|Sound.pde]]<br>
[[Media:interactiveSound.pde|InteractiveSound.pde]]<br>
[[Media:Draw.pde|Draw.pde]]<br>
|-
|}
 
<br>
<br>
<br>
 
==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.<br><br>
See the algorithm here:
<br>[[Media:Code.pdf|Code]]
<br> [[Media:Shower_Project.ino|Shower_Project.ino]]
<br> [[Media:Processing_Weather.pde|Processing_Weather.pde]]
|}
|}

Latest revision as of 09:19, 14 March 2019


Algorithm for Humans 1 — 19.10.18

Result Algorithm
Introductory Algorithm Result of the first analog algorithm reading line by line and execute the given instructions.



Algorithm for Humans 2 — 26.10.18

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

Assignment_1



Algorithm for Humans 3 — 02.11.18

Result Algorithm
Algorithm for Humans 3 New Assignment . See the algorithm here:

Assignment_3



Algorithm for Humans 4 — 16.11.18

Result Algorithm
Algorithm for Humans 4 New Assignment: See the algorithm here:

Assignment_4



Algorithm for Humans 5 — 07.12.18

Result Algorithm
Algorithm for Humans 6 New Assignment: See the algorithm here:

Assignment_5



Algorithm for Computers 1 — 26.10.18

Result Algorithm
Assignment_2 Presenting the first drawing imagine with Processing.

Assignment_2.pde



Algorithm for Computers 2 — 02.11.18

Result Algorithm
BallGame Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on.


Score.pde
Stick.pde
Waterfall__Game.pde
Ball.pde
Menu.pde



Algorithm for Computers 3 — 02.11.18

Result Algorithm
Assignment_3 Showing a small grid using vertexes and neste-for-loops.

Assignment_3.pde



Algorithm for Computers 4 — 09.11.18

Result Algorithm
Assignment_4 Show circle created by lines using arrays, classes and random functions

Assignment_4.pde
Point.pde

Algorithm for Computers 5 — 16.11.18

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

Assignment_5.pde

Algorithm for Computers 6 — 07.12.18

Result Algorithm
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

Assignment_6.pde
Rectangles.pde
Line.pde

Algorithm for Computers 7 — 20.12.18

Result Algorithm
Assignment_7 The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value.

Assignment_7.pde
Point.pde
Triangle.pde

Personal Exercise 1

Result Algorithm
Exercise 1 Create a sketch with music

Create Image.pde
Poligon Database.pde

Personal Exercise 2

Result Algorithm
Exercise 2 Create a static picture.

Draw static image.pde

Rework 1

Result Algorithm
Rework 4 That is a rework of assignment number 4. I changed the opacity of the lines mainly.

Create Image.pde
Point_rework.pde
Assignment_IV_rework.pde

Rework 2

Result Algorithm
Rework 6 That is a rework of assignment number 6. Now all rectangles wil be drawn after an other.

Rect.pde
Assignment_VI_rework.pde
Line_rework.pde

Rework 3

Result Algorithm
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).

Sound.pde
InteractiveSound.pde
Draw.pde




Project Shower — 14.03.19

Result Algorithm
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:
Code
Shower_Project.ino
Processing_Weather.pde

Retrieved from "https://www.uni-weimar.de/kunst-und-gestaltung/wiki/index.php?title=GMU:Algorithmic_Art/Christopher_Heiden&oldid=105380"
Last modified
This page was last edited on 14 March 2019, at 09:19.