Medien Wiki - User contributions [en]

GMU:Processing im Park/Dirk Wäsch

2017-07-02T09:57:38Z

Cive4563:

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">https://waesch.000webhostapp.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">https://waesch.000webhostapp.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">https://waesch.000webhostapp.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

https://waesch.000webhostapp.com/ablage/images/Sorting_250.png
https://waesch.000webhostapp.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
https://waesch.000webhostapp.com/ablage/images/Video-Processing.gif
 

[https://waesch.000webhostapp.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
https://waesch.000webhostapp.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website-Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen. Damit die Hintergrund-Animation nicht zu dominant wirkt, und um den Kontrast zu erhöhen, wird das Bild in Schwarz/Weiß umgewandelt.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
https://waesch.000webhostapp.com/ablage/images/Ink-Image.jpg
 
 
Danach habe ich skizziert wie das Bild in Schwarz/Weiß analysiert werden soll.

https://waesch.000webhostapp.com/ablage/images/Ink-Image-SW.jpg

 
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

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
https://waesch.000webhostapp.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-05-04T13:18:43Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website-Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen. Damit die Hintergrund-Animation nicht zu dominant wirkt, und um den Kontrast zu erhöhen, wird das Bild in Schwarz/Weiß umgewandelt.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Danach habe ich skizziert wie das Bild in Schwarz/Weiß analysiert werden soll.

http://waesch.host56.com/ablage/images/Ink-Image-SW.jpg

 
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.

http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-05-04T13:18:09Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website-Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen. Damit die Hintergrund-Animation nicht zu dominant wirkt, und um den Kontrast zu erhöhen, wird das Bild in Schwarz/Weiß umgewandelt.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Danach habe ich skizziert wie das Bild in Schwarz/Weiß analysiert werden soll.

http://waesch.host56.com/ablage/images/Ink-Image-SW.jpg

 
 

Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.

http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch/Code Finale Aufgabe

2016-04-01T23:44:57Z

Cive4563:

Processing v3.0.1 Quellcode:

 
<source lang="java">
float[] pixefs;
ArrayList< Integer > Farbe;

int area = 1;
float influence = 0.75f;
float power = 3.5f;

void setup() {

size( 1366,768 );

PImage im = loadImage( "http://waesch.host56.com/ablage/images/Ink-Image.jpg" );

background( 255 );
image( im, 0, 0, width, height );

Farbe = new ArrayList< Integer >();

loadPixels();
pixefs = new float[ pixels.length ];
for ( int i = 0; i < pixels.length; i++ ) {
pixefs[ i ] = brightness( pixels[ i ] );
}

}

void process() {
int ID = 0;
for ( int y = 0; y < height; y++ ) {
for ( int x = 0; x < width; x++ ) {
ID = x + y * width;
if ( pixefs[ ID ] != 0 )
continue;
if ( active( x, y ) ) {
// println( x +" / "+ y + "hat die letzte angrenzende Farbe schwarz" );
getFarbe( x, y, area );
float inf = influence / Farbe.size();
for ( int i = 0; i < Farbe.size(); i++ ) {
int nid = Farbe.get( i );
pixefs[ nid ] -= inf * pow( ( 255.f / pixefs[ nid ] ), power );
if ( pixefs[ nid ] < 0 )
pixefs[ nid ] = 0;
}
}
}
}
}

boolean active( int x, int y ) {
for ( int ty = y-1; ty <= y+1; ty++ ) {
if ( ty < 0 )
continue;
if ( ty >= height )
break;
for ( int tx = x-1; tx <= x+1; tx++ ) {
if ( tx < 0 )
continue;
if ( tx >= width )
break;
if ( pixefs[ tx + ty * width ] > 0 )
return true;
}
}
return false;
}

void getFarbe( int x, int y, int range ) {
Farbe.clear();
for ( int ty = y-range; ty <= y+range; ty++ ) {
if ( ty < 0 )
continue;
if ( ty >= height )
break;
for ( int tx = x-range; tx <= x+range; tx++ ) {
if ( tx < 0 )
continue;
if ( tx >= width )
break;
if ( tx == x && ty == y )
continue;
Farbe.add( tx + ty * width );
}
}
}

void draw() {

process();
for ( int i = 0; i < pixels.length; i++ )
pixels[ i ] = color( pixefs[ i ] );
updatePixels();

}
</source>

GMU:Processing im Park/Dirk Wäsch

2016-04-01T23:18:06Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website-Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen. Damit die Hintergrund-Animation nicht zu dominant wirkt, und um den Kontrast zu erhöhen, wird das Bild in Schwarz/Weiß umgewandelt.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.

http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T23:17:24Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website-Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen. Damit die Hintergrund-Animation nicht zu dominant wirkt, und um den Kontrast zu erhöhen, wird das Bild in Schwarz/Weiß umgewandelt.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.

http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T23:16:17Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website-Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen. Damit die Hintergrund-Animation nicht zu dominant wirkt, und um den Kontrast zu erhöhen, wird das Bild in Schwarz/Weiß umgewandelt.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.

http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T22:35:33Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.

http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T22:35:13Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.

 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T22:35:01Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 
 
Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.
 

 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T22:34:25Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
Zunächst habe die farbige Malerei eingescannt:
 
 
http://waesch.host56.com/ablage/images/Ink-Image.jpg
 

Mit dem Processing-Code wird das Bild in Schwarz-/Weiß umgewandelt und der dunkelste Schwartwert ermittelt.
 
 

 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif

 
 
Zum Schluss habe ich die Animation als Hintergrund in die Website eingebunden.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation-Website.gif
 
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T15:31:57Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

*Animation einer fließenden Farbe

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch/Code Finale Aufgabe

2016-04-01T15:31:30Z

Cive4563:

Processing v3.0.1 Quellcode:

 
<source lang="java">
float[] pixefs;
ArrayList< Integer > Farbe;

int area = 1;
float influence = 0.75f;
float power = 3.5f;

void setup() {

size( 1366,768 );

PImage im = loadImage( "bild.jpg" );

background( 255 );
image( im, 0, 0, width, height );

Farbe = new ArrayList< Integer >();

loadPixels();
pixefs = new float[ pixels.length ];
for ( int i = 0; i < pixels.length; i++ ) {
pixefs[ i ] = brightness( pixels[ i ] );
}

}

void process() {
int ID = 0;
for ( int y = 0; y < height; y++ ) {
for ( int x = 0; x < width; x++ ) {
ID = x + y * width;
if ( pixefs[ ID ] != 0 )
continue;
if ( active( x, y ) ) {
// println( x +" / "+ y + "hat die letzte angrenzende Farbe schwarz" );
getFarbe( x, y, area );
float inf = influence / Farbe.size();
for ( int i = 0; i < Farbe.size(); i++ ) {
int nid = Farbe.get( i );
pixefs[ nid ] -= inf * pow( ( 255.f / pixefs[ nid ] ), power );
if ( pixefs[ nid ] < 0 )
pixefs[ nid ] = 0;
}
}
}
}
}

boolean active( int x, int y ) {
for ( int ty = y-1; ty <= y+1; ty++ ) {
if ( ty < 0 )
continue;
if ( ty >= height )
break;
for ( int tx = x-1; tx <= x+1; tx++ ) {
if ( tx < 0 )
continue;
if ( tx >= width )
break;
if ( pixefs[ tx + ty * width ] > 0 )
return true;
}
}
return false;
}

void getFarbe( int x, int y, int range ) {
Farbe.clear();
for ( int ty = y-range; ty <= y+range; ty++ ) {
if ( ty < 0 )
continue;
if ( ty >= height )
break;
for ( int tx = x-range; tx <= x+range; tx++ ) {
if ( tx < 0 )
continue;
if ( tx >= width )
break;
if ( tx == x && ty == y )
continue;
Farbe.add( tx + ty * width );
}
}
}

void draw() {

process();
for ( int i = 0; i < pixels.length; i++ )
pixels[ i ] = color( pixefs[ i ] );
updatePixels();

}
</source>

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:16:31Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:16:20Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|300px]]
[[Image:labyrinth_2.jpg|thumb|left|300px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:15:47Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350]]
[[Image:labyrinth_2.jpg|thumb|left|350]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:15:33Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|150]]
[[Image:labyrinth_2.jpg|thumb|left|150]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:14:59Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left]]
[[Image:labyrinth_2.jpg|thumb|left]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:14:36Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|left]]
[[Image:labyrinth_2.jpg|left]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:14:19Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|250px]]
[[Image:labyrinth_2.jpg|thumb|left|250px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:13:17Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:13:02Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[File:labyrinth_1.jpg|thumb|left|250px]]
[[File:labyrinth_2.jpg|thumb|left|250px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:12:46Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|250px]]
[[Image:labyrinth_2.jpg|thumb|left|250px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:11:08Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|300px]]
[[Image:labyrinth_2.jpg|thumb|left|300px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

File:Labyrinth 2.jpg

2016-04-01T02:10:44Z

Cive4563:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

File:Labyrinth 1.jpg

2016-04-01T02:10:31Z

Cive4563:

== Summary ==

== Copyright status: ==

== Licensing ==
{{self|c}}
== Source: ==

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:07:22Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth_1.jpg|thumb|left|350px]]
[[Image:labyrinth_2.jpg|thumb|left|350px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch/Code Hausaufgabe VIII

2016-04-01T02:05:23Z

Cive4563:

Processing v3.0.1 Quellcode:

 
<source lang="java">
PImage img;
int x = 1, y = 0;
color c = color(255, 255, 0);
color wall = color(0);
color ctrail = color(255, 0, 0);

void setup() {
size(344, 344);
img = loadImage("Labyrinth.png");
noSmooth(); // nichts wird pixelig
}

void draw() {
img.set(x, y, c);
image(img, 0, 0, width, height);
walk();
}

void walk() {
for(int i = 0; i < 3; i++);{
int xnew = x;
int ynew = y;

}
}

void keyPressed() {

int xnew = x;
int ynew = y;

switch(keyCode) {
case LEFT:
xnew = x - 1;
break;
case RIGHT:
xnew = x + 1;
break;
case UP:
ynew = y - 1;
break;
case DOWN:
ynew = y + 1;
break;
}

if(img.get(xnew, ynew) != wall) {
x = xnew;
y = ynew;
}
}
</source>

GMU:Processing im Park/Dirk Wäsch

2016-04-01T02:04:49Z

Cive4563: /* Hausaufgabe VIII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* 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.
 

[[Image:labyrinth1.jpg|thumb|left|350px]]
[[Image:labyrinth2.jpg|thumb|left|350px]]

 

[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 ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T01:36:42Z

Cive4563: /* Hausaufgabe V */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
http://waesch.host56.com/ablage/images/Tile-Sorting.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:48:14Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|410|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:48:00Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|400|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:47:43Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|250|450|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:47:24Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|200|400|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:47:07Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]

<videoflash type="youtube">jkKYZnJWWUQ|170|400|</videoflash>
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:46:44Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

<videoflash type="youtube">jkKYZnJWWUQ|360|170|</videoflash>

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:46:25Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

<videoflash type="youtube">jkKYZnJWWUQ|360|720|</videoflash>

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:45:56Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

{{#ev:youtube|https://www.youtube.com/watch?v=jkKYZnJWWUQ}}
<videoflash type="youtube">jkKYZnJWWUQ|720|360|</videoflash>

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:45:15Z

Cive4563: /* Hausaufgabe IV */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

{{#ev:youtube|https://www.youtube.com/watch?v=jkKYZnJWWUQ}}

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-04-01T00:02:12Z

Cive4563:

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe IV ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

== Hausaufgabe V ==

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-03-31T23:30:19Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-03-31T23:29:46Z

Cive4563: /* Finale Aufgabe */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
[[IMAGE:http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif|left|400px]]
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-03-31T23:29:25Z

Cive4563:

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
[[File:http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif|left|400px]]
 

[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]

GMU:Processing im Park/Dirk Wäsch/Code Finale Aufgabe

2016-03-31T23:08:45Z

Cive4563: Created page with "Processing v3.0.1 Quellcode: <source lang="java"> float[] pixefs; ArrayList< Integer > neighbours; int area = 1; float influence = 0.75f; float power = 3.5f; void setup..."

Processing v3.0.1 Quellcode:

 
<source lang="java">
float[] pixefs;
ArrayList< Integer > neighbours;

int area = 1;
float influence = 0.75f;
float power = 3.5f;

void setup() {

size( 1366,768 );

PImage im = loadImage( "beispiel2.jpg" );

background( 255 );
image( im, 0, 0, width, height );

neighbours = new ArrayList< Integer >();

loadPixels();
pixefs = new float[ pixels.length ];
for ( int i = 0; i < pixels.length; i++ ) {
pixefs[ i ] = brightness( pixels[ i ] );
}

}

void process() {
int ID = 0;
for ( int y = 0; y < height; y++ ) {
for ( int x = 0; x < width; x++ ) {
ID = x + y * width;
if ( pixefs[ ID ] != 0 )
continue;
if ( active( x, y ) ) {
// println( x +" / "+ y + " has at least one neighbours who is not black" );
getNeighbours( x, y, area );
float inf = influence / neighbours.size();
for ( int i = 0; i < neighbours.size(); i++ ) {
int nid = neighbours.get( i );
pixefs[ nid ] -= inf * pow( ( 255.f / pixefs[ nid ] ), power );
if ( pixefs[ nid ] < 0 )
pixefs[ nid ] = 0;
}
}
}
}
}

boolean active( int x, int y ) {
for ( int ty = y-1; ty <= y+1; ty++ ) {
if ( ty < 0 )
continue;
if ( ty >= height )
break;
for ( int tx = x-1; tx <= x+1; tx++ ) {
if ( tx < 0 )
continue;
if ( tx >= width )
break;
if ( pixefs[ tx + ty * width ] > 0 )
return true;
}
}
return false;
}

void getNeighbours( int x, int y, int range ) {
neighbours.clear();
for ( int ty = y-range; ty <= y+range; ty++ ) {
if ( ty < 0 )
continue;
if ( ty >= height )
break;
for ( int tx = x-range; tx <= x+range; tx++ ) {
if ( tx < 0 )
continue;
if ( tx >= width )
break;
if ( tx == x && ty == y )
continue;
neighbours.add( tx + ty * width );
}
}
}

void draw() {

process();
for ( int i = 0; i < pixels.length; i++ )
pixels[ i ] = color( pixefs[ i ] );
updatePixels();

}
</source>

GMU:Processing im Park/Dirk Wäsch

2016-03-31T23:07:42Z

Cive4563:

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

== Finale Aufgabe ==

* Ink Image Animation

Für ein Website Projekt habe ich versucht, mit den Farbwerten die dominante Farbe "fließen" zu lassen.
 
 
http://waesch.host56.com/ablage/images/Ink-Image-Animation.gif
 

[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]

GMU:Processing im Park/Dirk Wäsch

2016-01-28T14:23:12Z

Cive4563: /* Hausaufgabe VII */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://waesch.host56.com/ablage/images/Dot-Webcam.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

GMU:Processing im Park/Dirk Wäsch

2016-01-28T14:21:56Z

Cive4563: /* Hausaufgabe VI */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
 
http://waesch.host56.com/ablage/images/Video-Processing.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://cdn.makeagif.com/media/1-28-2016/8I2yrx.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

GMU:Processing im Park/Dirk Wäsch

2016-01-28T14:16:55Z

Cive4563: /* Hausaufgabe III */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
http://cdn.makeagif.com/media/1-28-2016/OtPTM4.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://cdn.makeagif.com/media/1-28-2016/8I2yrx.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

GMU:Processing im Park/Dirk Wäsch

2016-01-28T14:16:37Z

Cive4563: /* Hausaufgabe III */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://waesch.host56.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
http://cdn.makeagif.com/media/1-28-2016/OtPTM4.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://cdn.makeagif.com/media/1-28-2016/8I2yrx.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später

GMU:Processing im Park/Dirk Wäsch

2016-01-28T14:13:54Z

Cive4563: /* Hausaufgabe II */

== [[User:Cive4563|Dirk Wäsch]] ==

Meine Seite zum Kurs "[https://www.uni-weimar.de/medien/wiki/GMU:Processing_im_Park Processing im Park]".

== Ausflug - Ilmpark ==

Fotos im Ilmpark: [https://www.flickr.com/photos/137226701@N06/albums/72157659732973933 Bild-Uploads auf Flickr]



== Hausaufgabe I ==

* Diese Fotos haben wir zunächst als Slideshow animiert.

[[File:park_animation_400_225.gif|left]]

 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_I Processing v3.0.0 Quellcode]

== Hausaufgabe II ==

* Image-Slicer

[[Image:image_slicer_720_405.png|left|400px]]
http://waesch.host56.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]

== Hausaufgabe III ==

* Animierter Mauszeiger

[[Image:brush_animation_720_405.png|thumb|left|400px]]
http://cdn.makeagif.com/media/1-21-2016/ta1xeo.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]

== Ausflug - Schlosspark Belvedere ==

*Fotos und Videos im Schlosspark Belverdere: [https://www.flickr.com/photos/137226701@N06/albums/72157661120668650 Bild- & Video-Uploads auf Flickr]

== Hausaufgabe IV ==

* Pixel

Inhalt folgt später.

== Proccesing - Workshop-Wochenende I - Video & Sound ==

Sounds aus der Parkhöhle: 
Ventilation: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park1.mp3</flashmp3>
 
Seismische Kammer: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park2.mp3</flashmp3>
 
Automatische Tür: <flashmp3 id="Park3.mp3">http://waesch.host56.com/ablage/sound/Park3.mp3</flashmp3>
 

== Hausaufgabe V ==

* Soundboard

Beim Spazieren durch die Weimarer Parkhöhle
 
[[Image:parkhoehle_.png|thumb|left|250px]]
 

[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]

== Proccesing - Workshop-Wochenende II - Video & Sound ==

Fotos bei der Mensa am Park: [https://www.flickr.com/photos/137226701@N06/albums/72157663612224255 Bild-Uploads auf Flickr]

* Pixel Sorting

Sortierung der Pixel nach Farbton

http://waesch.host56.com/ablage/images/Sorting_250.png
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Workshop_II Processing v3.0.1 Quellcode]

== Hausaufgabe VI ==

* Video-Processing
Beim Spazieren im Schlosspark Belvedere habe ich meine Füße gefilmt, wie sie sich auf dem verschiedenen Untergrund bewegen.
 
http://cdn.makeagif.com/media/1-28-2016/OtPTM4.gif
 

[http://waesch.host56.com/ablage/video/walk.mp4 Original Video Download]
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VI Processing v2.1.1 Quellcode]

== Hausaufgabe VII ==

* Dot-Webcam

Die Kamera stellt die Bilder in Punkten dar.
 
 
http://cdn.makeagif.com/media/1-28-2016/8I2yrx.gif
 

[http://www.uni-weimar.de/medien/wiki/index.php5?title=GMU:Processing_im_Park/Dirk_Wäsch/Code_Hausaufgabe_VII Processing v2.1.1 Quellcode]

== Hausaufgabe VIII ==

* Labyrinth

... Inhalt folgt später