344
edits
no edit summary
No edit summary |
|||
| (30 intermediate revisions by the same user not shown) | |||
| Line 129: | Line 129: | ||
[[Image:image_slicer_720_405.png|left|400px]] | [[Image:image_slicer_720_405.png|left|400px]] | ||
https://waesch.000webhostapp.com/ablage/images/Image-Slicer.gif | |||
[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_II Processing v3.0.0 Quellcode] | [http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_II Processing v3.0.0 Quellcode] | ||
| Line 138: | Line 138: | ||
[[Image:brush_animation_720_405.png|thumb|left|400px]] | [[Image:brush_animation_720_405.png|thumb|left|400px]] | ||
https://waesch.000webhostapp.com/ablage/images/Brush-Animation.gif | |||
[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_III Processing v3.0.0 Quellcode] | [http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_III Processing v3.0.0 Quellcode] | ||
| Line 149: | Line 149: | ||
Sounds aus der Parkhöhle:<br><br> | Sounds aus der Parkhöhle:<br><br> | ||
Ventilation: <flashmp3 id="Park3.mp3"> | Ventilation: <flashmp3 id="Park3.mp3">https://waesch.000webhostapp.com/ablage/sound/Park1.mp3</flashmp3> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
Seismische Kammer: <flashmp3 id="Park3.mp3"> | Seismische Kammer: <flashmp3 id="Park3.mp3">https://waesch.000webhostapp.com/ablage/sound/Park2.mp3</flashmp3> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
Automatische Tür: <flashmp3 id="Park3.mp3"> | Automatische Tür: <flashmp3 id="Park3.mp3">https://waesch.000webhostapp.com/ablage/sound/Park3.mp3</flashmp3> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 163: | Line 163: | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
[[Image:parkhoehle_.png|thumb|left|250px]] | [[Image:parkhoehle_.png|thumb|left|250px]] | ||
<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash> | |||
<br style="clear:both;"> | |||
[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_V Processing v2.1.1 Quellcode] | [http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_V Processing v2.1.1 Quellcode] | ||
| Line 180: | Line 180: | ||
Sortierung der Pixel nach Farbton | Sortierung der Pixel nach Farbton | ||
https://waesch.000webhostapp.com/ablage/images/Sorting_250.png | |||
https://waesch.000webhostapp.com/ablage/images/Tile-Sorting.gif | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 191: | Line 192: | ||
<br> | <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
https://waesch.000webhostapp.com/ablage/images/Video-Processing.gif | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
[ | [https://waesch.000webhostapp.com/ablage/video/walk.mp4 Original Video Download] | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 206: | Line 207: | ||
<br> | <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
https://waesch.000webhostapp.com/ablage/images/Dot-Webcam.gif | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
| Line 215: | Line 216: | ||
* Labyrinth | * Labyrinth | ||
... | Bei dem Labyrinth wird versucht, so schnell wie möglich einen einfachen Weg aus der Mitte ins Freie oder in die Mitte zu finden.<br>Im zweiten Versuch habe ich die Wände durchbrochen um ans Ziel zu kommen. | ||
<br style="clear:both;"> | |||
[[Image:labyrinth_1.jpg|thumb|left|350px]] | |||
[[Image:labyrinth_2.jpg|thumb|left|350px]] | |||
<br style="clear:both;"> | |||
[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VIII Processing v3.0.1 Quellcode] | |||
== Finale Aufgabe == | == Finale Aufgabe == | ||
* | *Animation einer fließenden Farbe | ||
Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen. | Für ein Website-Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.<br>Damit die Hintergrund-Animation nicht zu dominant wirkt, und um den Kontrast zu erhöhen, wird das Bild in Schwarz/Weiß umgewandelt. | ||
<br> | <br> | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
Zunächst habe die farbige Malerei eingescannt: | |||
<br> | |||
<br style="clear:both;"> | |||
https://waesch.000webhostapp.com/ablage/images/Ink-Image.jpg | |||
<br style="clear:both;"> | |||
<br> | |||
Danach habe ich skizziert wie das Bild in Schwarz/Weiß analysiert werden soll. | |||
https://waesch.000webhostapp.com/ablage/images/Ink-Image-SW.jpg | |||
<br style="clear:both;"> | |||
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt. | |||
https://waesch.000webhostapp.com/ablage/images/Ink-Image-Animation.gif | |||
<br> | |||
<br style="clear:both;"> | |||
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden. | |||
<br> | |||
<br style="clear:both;"> | |||
https://waesch.000webhostapp.com/ablage/images/Ink-Image-Animation-Website.gif | |||
<br> | |||
<br style="clear:both;"> | <br style="clear:both;"> | ||
[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Finale_Aufgabe Processing v3.0.1 Quellcode] | [http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Finale_Aufgabe Processing v3.0.1 Quellcode] | ||