| (28 intermediate revisions by the same user not shown) | |||
| Line 63: | Line 63: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| |  [[File: | |  [[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]] | |New Assignment: See the algorithm here: <br><br>  [[Media:Human Algo_2.pdf|Assignment_5]] | ||
| |} | |} | ||
| Line 111: | Line 111: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| | [[File:assignment_3.jpg|Assignment_3]] | | [[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]] | | Showing a small grid using vertexes and neste-for-loops. <br><br> [[Media:Assignment_III.pde|Assignment_3.pde]] | ||
| |- | |- | ||
| Line 126: | Line 126: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| | [[File: | | [[File:circleByLines.PNG|600px|Assignment_4]] | ||
| | Show circle created by lines using arrays, classes and random functions <br><br>   | | Show circle created by lines using arrays, classes and random functions <br><br>   | ||
| [[Media:Assignment_IV_.pde|Assignment_4.pde]]<br> | [[Media:Assignment_IV_.pde|Assignment_4.pde]]<br> | ||
| Line 132: | Line 132: | ||
| |- | |- | ||
| |} | |} | ||
| ==Algorithm for Computers 5 — 16.11.18== | ==Algorithm for Computers 5 — 16.11.18== | ||
| Line 141: | Line 140: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| | [[File: | | [[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>   | | 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> | [[Media:Assignment_V.pde|Assignment_5.pde]]<br> | ||
| Line 154: | Line 153: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| | [[File:Coloured_Rects.PNG|Assignment_6]] | | [[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>   | | 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:Assignment_VI.pde|Assignment_6.pde]]<br> | ||
| Line 169: | Line 168: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| | [[File:Assignment_7.PNG|Assignment_7]] | | [[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>   | | 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:Assignment_VII.pde|Assignment_7.pde]]<br> | ||
| Line 184: | Line 183: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| | [[File:Image_exer.PNG|Exercise 1]] | | [[File:Image_exer.PNG|600px|Exercise 1]] | ||
| | Create a sketch with music<br><br>   | | Create a sketch with music<br><br>   | ||
| [[Media:createImage.pde|Create Image.pde]]<br> | [[Media:createImage.pde|Create Image.pde]]<br> | ||
| Line 198: | Line 197: | ||
| ! style="width: 50%" | Algorithm | ! style="width: 50%" | Algorithm | ||
| |-   | |-   | ||
| | [[File:Picture_exer.PNG|Exercise 2]] | | [[File:Picture_exer.PNG|600px|Exercise 2]] | ||
| | Create a static picture.<br><br>   | | Create a static picture.<br><br>   | ||
| [[Media:exercise_2.pde|Draw static image.pde]]<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 | 
|---|---|
| Result of the first analog algorithm reading line by line and execute the given instructions. | 
Algorithm for Humans 2 — 26.10.18
| Result | Algorithm | 
|---|---|
| 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 | 
|---|---|
| New Assignment . See the algorithm here: Assignment_3 | 
Algorithm for Humans 4 — 16.11.18
| Result | Algorithm | 
|---|---|
| New Assignment: See the algorithm here: Assignment_4 | 
Algorithm for Humans 5 — 07.12.18
| Result | Algorithm | 
|---|---|
| New Assignment: See the algorithm here: Assignment_5 | 
Algorithm for Computers 1 — 26.10.18
| Result | Algorithm | 
|---|---|
| Presenting the first drawing imagine with Processing. Assignment_2.pde | 
Algorithm for Computers 2 — 02.11.18
| Result | Algorithm | 
|---|---|
| Presenting a small little game which includes things we have learned last time like for-loops, if-clauses, variables and so on. | 
Algorithm for Computers 3 — 02.11.18
| Result | Algorithm | 
|---|---|
| Showing a small grid using vertexes and neste-for-loops. Assignment_3.pde | 
Algorithm for Computers 4 — 09.11.18
| Result | Algorithm | 
|---|---|
| Show circle created by lines using arrays, classes and random functions | 
Algorithm for Computers 5 — 16.11.18
| Result | Algorithm | 
|---|---|
| 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. | 
Algorithm for Computers 6 — 07.12.18
| Result | Algorithm | 
|---|---|
| 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 | 
Algorithm for Computers 7 — 20.12.18
| Result | Algorithm | 
|---|---|
| The sketch creates several triangles. This time the space is threedimensional so the triangles also use a z value. | 
Personal Exercise 1
| Result | Algorithm | 
|---|---|
| Create a sketch with music | 
Personal Exercise 2
| Result | Algorithm | 
|---|---|
| Create a static picture. | 
Rework 1
| Result | Algorithm | 
|---|---|
| That is a rework of assignment number 4. I changed the opacity of the lines mainly. | 
Rework 2
| Result | Algorithm | 
|---|---|
| That is a rework of assignment number 6. Now all rectangles wil be drawn after an other. | 
Rework 3
Project Shower — 14.03.19
| Result | 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:
 | 
