344
edits
No edit summary |
|||
(22 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 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 192: | 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 207: | 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 216: | 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. Im zweiten Versuch habe ich die Wände durchbrochen um ans Ziel zu kommen. | 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;"> | <br style="clear:both;"> | ||
[[Image: | [[Image:labyrinth_1.jpg|thumb|left|350px]] | ||
[[Image: | [[Image:labyrinth_2.jpg|thumb|left|350px]] | ||
<br style="clear:both;"> | <br style="clear:both;"> | ||
Line 228: | Line 228: | ||
== 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] |
edits