Medien Wiki - User contributions [en]

GMU:Körper Raum Stadt

2018-02-08T14:39:01Z

Andrefaupel: Created page with " '''Students:''' Ästhetisiertes Hetzen in Leipzig ([https://tinyurl.com/pqqux9a/ Alice Dziewinski])"

'''Students:'''

Ästhetisiertes Hetzen in Leipzig ([https://tinyurl.com/pqqux9a/ Alice Dziewinski])

GMU:Artists Lab

2018-01-26T09:33:21Z

Andrefaupel: /* Artists */

-----
= Artists Lab WS 17/18 =
== Application ==
If you want to take part please apply with the normal application procedure of our faculty and let me know that you want to join our class: ursula.damm [at] uni-weimar.de 
For prospective students we are avaliable for consultations on '''Tuesday 10.10. from 13.30 to 15.30 at the Marienstrasse 5, room 304 (3rd floor)''' 
Location: '''Room 204, Marienstrasse 7b'''
 First Meeting: '''Tuesday 17.10.2017, 13:30'''
 Regular meetings: Tuesday 13:15 to 16:30
 Participation at the Presentation on Media Art '''Tuesday, 05.30 pm Uhr at room 204, Marienstrasse 7b''' is mandatory

== Description ==

The artist's lab is a project module for students who wish to work on their own topics accompanied by intensive discussion on contemporary artistic approaches in art, media, posthumanism, interactivity, technology and matter. We expect you to have your own artistic agenda and want to support with knowledge, technology and discourse. GMU offers access to our labs (Performance Platform and DIY Biolab) to develop ideas in suitable environments. If you are interest to work with interactivity or in working with the Performance Platform you should already have taken part at werkmodules or fachmodules in programming and/or electronics. Furthermore you should take our werk- and fachmodules during the semester accompanying the project (->). You might find out that a project with people tracking can take two semesters.
If you are interested in working with our DIY Biolab, please choose the relevant fachmodules from my co-workers.
The module expects you to be self-motivated and self-organized. It offers a culture of discussion.
Part of the module is a lecture on media art which will be announced separately. People from other study programs are also very welcome, just be aware that we do not offer strong guidance.

Das Projekt bietet eine Zusammenkunft für künstlerische, studentische Vorhaben, die selbstorganisiert und engagiert sind. Die individuelle Betreuung steht im Vordergrund. Deshalb ist die aktive Beteiligung und Darstellung der Interessen und Werke unabdingbar. Für den Erwerb der technischen Voraussetzungen ist der Besuch der Fachmodule der Professur dringend empfohlen.

==Lecture on Media Art on Tuesdays, 05.30 pm, room 204==

* : Interactive Art 1 (Robots, Breitenberg)
* : Interactive Art 2 (Artists…)
* : EAT
* : Algorithms
* : Digital Image (Rutt Etra...)
* : Image to Sound 1
* : Media Performance
* : Artificial Life
* : Joe Davis + early Bioart
* : Bioart 1
* : Bioart 2
* : Agents and Networks

==Presentations==
* please insert a date for your presentation
* 05/12/2017
* 12/12/2017 Theresa: Cynthia Dwork Julian Oliver - a juxtaposition; Infrastructure (Banham)
* 19/12/2017 Qin Zheng (Botanic Art Installation) Lois Weinberger Anya Gallacio Brigitte Franzen
demonstration 1st 1/2 of circuit w/ need for logic revision (Sandra)
* 09/01/2017 Daniel Shiffman (Xiaomei); visual demonstration of wide array in arbitrary field + layout of project development (Sandra)

* 16/01/2017 Claude Shannon (Jan); Otto Piene (Di Yang); Ian Cheng (Dominik)
* 23/01/2017 Plural Identity (Marie); Wetlands (Sarah); transcription of sound (Sandra)

== Materials ==
* Valentino Braitenberg, Vehicles: Experiments in Synthetic Psychology ISBN 978-0262521123
* Tilman Baumgärtel, Games: Computerspiele von KünstlerInnen, hardware medien kunstverein ISBN 978-3936919776
*Lecture "digital cultures" by Prof.Willmann in Audimax on '''Tuesdays 11:00-12:30'''. --> list of content
*Free Online Course: [https://www.kadenze.com/courses/machine-learning-for-musicians-and-artists/info Machine Learning for Artists and Musicians]
* Google Experiments: [https://experiments.withgoogle.com Experiments with Google]
* [http://simonpenny.net/texts/Resources/a_life.pdf Paper by Simon Penny on Artificial Life]
*2-evenings Workshop/Conference on [https://klas.mpikg.mpg.de/workshop/ AESTHETICS get SYNTHETIC: Knowledge Link Through Art & Science] in Potsdam, Nov 27-28. (free but you have to [https://klas-reg.mpikg.mpg.de/ register] by Nov 15)

== Artists ==
* [http://heavythinking.org/ Verena Friedrich]
* [http://www.rlfbckr.org/ Ralf Baecker]
* [http://www.blubblubb.net/ Agnes Meyer Brandis]
* [http://ubermorgen.com/ Uebermorgen]
* [http://www.nodegree.de/ Kerstin Ergenzinger ]
* [http://www.spatialagency.net/database/ant.farm Ant Farm]
* [http://raumlabor.net/ Raumlabor]
* [https://vimeo.com/yunchulkim Yunchul Kim]
* [http://deweyhagborg.com/ Heather Dewey-Hagborg]
* [http://www.dwbowen.com/ David Bowen]
* [http://wwwwwwwww.jodi.org/ Jodi.org]
* [https://ellieirons.com/ Ellie Irons]
* [http://www.tuulanarhinen.net/index.htm Tuula Närhinnen]
* [http://www.timknowles.co.uk/ Tim Knowles]
* [http://www.andrefaupel.de/ Andre Faupel]

== Students ==
*[[GMU:Artists Lab:Yang LI|Yang LI]]
*[[GMU:Artists Lab:Zhen Qin|Zhen Qin]]
*[[GMU:Artists Lab:Maike Effenberg|Maike Alisha Effenberg]]
*[[GMU:Artists Lab:Theresa Elstner|Theresa Elstner]]
*[[GMU:Artists Lab:Maud Canisius|Maud Canisius]]
*[[GMU:Artists Lab:Sandra Anhalt|Sandra Anhalt]]
*[[GMU:Artists Lab:carmen k.m. lam|Carmen k.m. lam]]
*[[GMU:Artists Lab:Wisanu Phu-artdun (Q)|Wisanu Phu-artdun (Q)]]
*[[GMU:Artists Lab:Sarah Hermanutz|Sarah Hermanutz]]
*[[GMU:Artists Lab:Xiaomei Xie|Xiaomei Xie]]
*[[GMU:Artists Lab:Marie Ebel|Marie Ebel]]
*[[GMU:Artists Lab:Jan Georg Glöckner|Jan Georg Glöckner]]

[[Category:WS17]]
[[Category:Projektmodul]]
[[Category:Ursula Damm]]

User:Andrefaupel

2018-01-24T19:37:51Z

Andrefaupel:

[http://andrefaupel.de .de]

Ursula Damm ist Scheisse.
Alice Dziewinski ist Scheisse.
Max Neupert ist Scheisse.
Darsha Hewitt ist Scheisse.
Und der Rest vielleicht auch.

User:Andrefaupel

2018-01-24T19:37:39Z

Andrefaupel:

[http://andrefaupel.de .de]

Ursula Damm ist Scheisse
Alice Dziewinski ist Scheisse
Max Neupert ist Scheisse
Darsha Hewitt ist Scheisse
Und der Rest vielleicht auch.

GMU:Eval(nature)/Andre Faupel

2015-06-16T17:06:17Z

Andrefaupel:

GMU:Eval(nature)/Andre Faupel

2015-06-01T22:18:01Z

Andrefaupel:

File:Af bioart tmp.png

2015-06-01T22:08:24Z

Andrefaupel: uploaded a new version of "File:Af bioart tmp.png"

== Summary ==

== Copyright status: ==

== Source: ==

File:Af bioart tmp.png

2015-06-01T21:40:48Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Eval(nature)

2015-06-01T21:27:30Z

Andrefaupel:

'''eval(nature)'''

[[Image:Leaf-morphology.png|thumb|left|''[[wikipedia:Leaf_shape|leaf morphology chart]]'']]

[[:Category:Projektmodul|Projektmodul]] 
''Lehrpersonen:'' [[Ursula Damm]], [[Darsha Hewitt]], [[Martin Schneider]] 
''Bewertung:'' 18 [[ECTS]], 16 [[SWS]] 
''Termin:'' Donnerstag, 09.15 - 12:30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 204 
''Erster Termin:'' 16th April 2015

 

== Beschreibung ==

Rechnen und Algorithmen sind nicht nur eine Sache für den Computer.
Viele natürliche Prozesse haben eine ihnen innewohnende Logik, der wir auf die Spur kommen möchten.
In spielerischen Herangehensweisen entdecken wir wie Dinge und Wesen aus unserer direkten Umgebung sich verhalten, miteinander interagieren, Materie, Signale, Energie und Informationen austauschen.

Das Projektmodul umfasst zwei Hands-on Workshops, die die praktische Einführung in das Thema ermöglichen.
''A Dish of Code'' vermittelt solide Grundlagen der Programmierung.
Wir werden Algorithmen in natürliche Anordnungen überführen aber auch Computer-Programme schreiben, die mit der Natur interagieren und diese auswerten.
Da wir die Natur primär mit visuellen Sensoren evaluieren, erlernen wir ganz nebenbei Grundkenntnisse der digitalen Bildverarbeitung und Bilderkennung.
Hier werden die folgenden Fragen gestellt:
* Was passiert wenn wir natürliche Anordnungen als Code interpretieren und ausführen?
* Wo bietet sich die Beschreibung der Natur mit der Sprache der Informatik an, wo stellt sie sich quer?
* Wie verhalten sich hybride Systeme, welche Schnittstellen bieten sich an und welche Rolle spielt der Mensch innerhalb dieser Systeme?

''A Drop of Paint'' zeigt am Beispiel von Wassertropfen auf Glas wie Natur sich selbst organisiert.
Im Dialog mit einem Wissenschaftler beobachten wir Muster und Regeln des Experiments (Oberflächenspannung, Konzentration von löslichen Stoffen) und überführen diese in eine gestalterische Anwendung.

Im Projekt ''eval(nature)'' lernen wir historische und zeitgenössische Werke kennen, die sich mit diesem Themenfeld beschäftigen. Aus diesem Diskurs heraus entwickelt jeder Teilnehmer ein eigenes Projekt, das es zu Ende des Semesters zu präsentieren gilt.

== Description ==

Algorithms and programs are not only working on computers.
Many processes in nature follow an inherent logic that we want to unveil. In a playful setting we discover how things and beings in our immediate environment behave, interact and exchange matter, signals, energy and information.

The project module includes workshops titled ''"A Drop of Paint"'' and ''"A Dish of Code"''. In those two workshops hands-on skills in liquid and solid programming can be experienced.
The first workshop (''A Dish of Code'') conveys solid foundations of programming. We will translate algorithms into natural arrangements, but also write computer programs, that interact with nature and evaluate it. Since we primarily evaluate nature using visual sensors, we will incidentally learn the foundations of image processing and recognition.
* What happens if we interpret natural arrangements as code and execute them
* Where does nature lend itself to a description in terms of computer science, and where does it bristle?
* How do hybrid systems work, which interfaces are available and what's the role of humans within those systems?

The workshop ''A Drop of Paint'' shows how water is organizing itself on glass surfaces. In dialog with a scientist we observe patterns and rules of the experiment and develop an aesthetic application.

In the ''eval(nature)'' discourse we follow up on those questions and get to know historic and contemporary works that cover this domain. Each student shall develop it's own project within the theme until the end of the semester.

== Language ==

Unterrichtssprache ist Deutsch.

== Eligible Participants ==

Undergraduates and graduates enrolled in the faculties of:

* Media Art/Design and Media Architecture
* Visual Communication
* Product Design
* Architecture

== Recommended Courses ==

This is a list of courses offered by the GMU, that are recommened for students taking this module:
* [[GMU:Bots n Plots]] (Martin Schneider)
* [[GMU:Introduction to Electronics]] (Darsha Hewitt)

== Application ==

''to be announced''

== Syllabus ==

''to be announced''

== Evaluation ==

* 10% Prüfungsleistung - schriftlich: Recherche zum gewählten Thema/ zur gewählten Arbeit in Kunst und Design, Medienwissenschaft oder einer anderen Disziplin, wobei ein Werk/Thema als Referenz individuell wählbar ist.
* 10% Prüfungsleistung - mündlich: Vortrag über ein selbstgewähltes Thema in Verbindung mit dem praktischen Arbeitsvorhaben
* 20% Mitarbeit im Plenum
* 60% Prüfungsleistung - Präsentation eines Werkes

== Links ==
=== A Drop of Paint ===
==== Droplets ====
===== Drops of Color =====
* [https://www.youtube.com/watch?v=K8Wx2PHIYGI Dancing Droplets]
* [https://www.youtube.com/watch?v=ZMsaH6SY4CY Stanford researchers solve the mystery of the dancing droplets]
* [https://www.youtube.com/watch?v=GTnVwyWaVQw Drip-Drop Flip-Flop]
* [http://arxiv.org/abs/1310.3847 Dancing Droplets Paper] on ArXiv
===== Drops of Metal =====
* [https://www.youtube.com/watch?v=ErCOTdIruoc Self-fuled liquid Metal Motor]
* [http://www.popsci.com/terminator-2-smart-liquid-metal-developed-tsinghua-university-researchers Terminator 2 - Smart Liquid Metal] on PopSci.
* [http://arxiv.org/abs/1402.1727 Liquid Metal Transformers] on ArXiv

==== Matter ====
* [https://www.youtube.com/watch?v=FnhOfbdalhU Capillarics]
* [http://fuckyeahfluiddynamics.tumblr.com/ Fuck Yeah, Fluid Dynamics!]
==== Sound ====
* [https://www.youtube.com/watch?v=TshCmZiTUT0 Sound controlled Droplets]

=== A Dish of Code ===

More Info[[GMU:Eval(nature)/A_Dish_of_Code| HERE]]

==== Learning Python ====
''to be done''

==== Data from Nature ====
We will sample our own surroundings,but there's also a lot of data on the internet, that we will use right away in our programming exercises.
[[Image:histology-db-sample.png|thumb|left|''Sample tissue from the [http://www.bu.edu/histology/m/i_thumbn.htm Histology DB] of Boston University ]][[Image:leaf-db-sample.png|thumb|left|''Sample from the [http://thedata.harvard.edu/dvn/dv/vitis_leaves Vitis Leaf Shape DB]'' ]]
 
* [http://www.bu.edu/histology/m/i_thumbn.htm Educational Histology DB] – Boston University
* [http://thedata.harvard.edu/dvn/dv/vitis_leaves Vitis Leaf Shape DB] – Harvard University
* [http://insideinsides.blogspot.de/ Inside Insides] – Animated Gif Flights through Fruits and Vegetables.
* [http://www.informed.unal.edu.co:8084/BiMed/ BiMed Histology DB] – 20.000+ images
* [http://www.marinespecies.org/foraminifera/photogallery.php?album=772 Foraminifera] – A Micro Fossil Database
* [http://www.africamuseum.be/collections/browsecollections/naturalsciences/biology/lepidoptera/browse Butterfly Database] at the Royal Museum for Central Africa

==== Citizen Science ====
* [[wikipedia:List_of_citizen_science_projects|List of Citizen Science Projects]] on Wikipedia
* [http://www.globeatnight.org/ Globe at Night]
* [http://wildtrack.org/citizen-science/a-global-challenge-fit-database/ Wildtrack FIT Database] (Footprint Identification Technology)

==== Drawing the Dots ====
* [http://tutorial.simplecv.org/en/latest/examples/image-math.html Image Math] with SimpleCV Long Term Exposure, Background Subtraction etc.
* Videos: [https://vimeo.com/15577736 Ameizing], [https://vimeo.com/6513657 598], [https://vimeo.com/120367391 Starlings decide to change Lines], [https://vimeo.com/78188069 Black Vultures], [https://vimeo.com/98976648 Wildwood Boy]

==== Tracking the Dots ====
Using SimpleCV and OpenCV to identify and track objects
* [https://www.youtube.com/watch?v=jihxqg3kr-g Tracking a Ball with SimpleCV]
* [https://stackoverflow.com/questions/14036944/how-do-i-locate-the-rabbit Follow the white Rabbit]
* [https://rdmilligan.wordpress.com/2015/01/12/opencv-contours-for-pac-man/ Tracking PacMan with OpenCV]

==== Connecting the Dots ====
Using NetworkX to identify relations between objects
[[Image:su-song-starmap.png|thumb|300px|left|''[[wikipedia:Su Song|Su Song's]] Star Map'']]
 
* [https://networkx.github.io/ NetworkX] – Python Library
* [https://networkx.github.io/documentation/development/reference/generated/networkx.algorithms.mst.minimum_spanning_tree.html Minimum Spanning Tree]
* [https://networkx.github.io/documentation/latest/examples/drawing/random_geometric_graph.html Random Geometric Graph]

==== Life, Coding ====
* [https://vimeo.com/24324458 Bird Sequencer]
* [http://yaxu.org/acid-sketching/ Acid Sketching]

==== Classifying Nature ====
[[Image:haeckel-age-of-man.png|thumb|300px|left|''[[wikipedia:Ernst Haeckel|Haeckel]]'s Paleontological Tree of Vertebrates'']]
 
* [[wikipedia:Systema_Naturae|Systema Naturae]] by Carl Linnaeus.
* [[wikipedia:Phylogenetic_tree|Phylogenetic tree]]
* [https://www.flickr.com/photos/quasimondo/16201271994/ 1259 Butterflies and Moths] by Mario Klingemann
* [https://peerj.com/articles/563/ Automatic identification of species with neural networks]
* [https://www.coursera.org/course/neuralnets Neural Networks for Machine Learning] by Geoffrey Hinton

== Literature ==
==== Books ====

''to be done''

==== Online Books ====
''A couple of historic books''
* [http://darwin-online.org.uk/EditorialIntroductions/Freeman_ThePowerofMovementinPlants.html The Power of Movement in Plants], Charles Darwin (1880) – see also: [[wikipedia:Circumnutation|Circumnutation]]
* [http://digi.ub.uni-heidelberg.de/diglit/kerner1890/0001 Kleksographien] (1890) – see also: [[wikipedia:Rorschach_test#Inkblots Rohrschachtest]]
* [https://archive.org/details/histologyofmedic1916mans Histology of medicinal plants] (1916)
* [https://archive.org/details/frbergesschmette00berg Fr. Berge's Schmetterlingsbuch] (1910)
(1890)
==== Papers ====
* [http://arxiv.org/abs/1310.3847 Dancing Droplets Paper]
* [http://arxiv.org/abs/1402.1727 Liquid Metal Transformers]
* [http://www.complex-systems.com/pdf/20-2-2.pdf Crab Computing Paper]
* [http://onlinelibrary.wiley.com/doi/10.1002/adma.201202980/abstract Droplet Computing Paper]

==Participants==
* [[GMU:Eval(nature)/Andre Faupel|Andre]]
* [[GMU:Eval(nature)/Francis|Francis]]
* [[GMU:Eval(nature)/Feminine|Feminine]]
* [[GMU:Eval(nature)/Steffen|Steffen]]
* [[GMU:Eval(nature)/Rama|Rama]]
* [[GMU:Eval(nature)/Benjamin|Benjamin]]

[[Category:SS15]]
[[Category:Projektmodul]]
[[Category:Martin Schneider]]
[[Category:Darsha Hewitt]]
[[Category:Ursula Damm]]
[[Category:Computation]]
[[Category:Bio Art]]
[[Category:Particles]]
[[Category:Nature]]
[[Category:Computation]]

File:Drops evalnature color trails.zip

2015-05-04T20:26:08Z

Andrefaupel: uploaded a new version of "File:Drops evalnature color trails.zip"

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Eval(nature)/Andre Faupel

2015-05-04T17:13:27Z

Andrefaupel:

File:Af drops simple trails.png

2015-05-04T17:02:09Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

File:Af drops color corr.png

2015-05-04T17:01:45Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

File:Drops evalnature color trails.zip

2015-05-04T17:00:24Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Eval(nature)/Andre Faupel

2015-04-30T07:19:08Z

Andrefaupel:

==Pixel Motion Detection -- File Input ==

<pre style="font=2">
import processing.video.*;
Movie cam;
PImage save, out;

//// threshold for fine-tuning and artefacts
float thresh = 2;

void setup() {

///change to your footage path
cam = new Movie(this, "E:/vids/MVI_5018.MOV");

cam.loop();
cam.jump(random(cam.duration()));
cam.volume(0);

// set windows size to match footage resolution
size(cam.width, cam.height);

///setup previous frame and output-image
save = createImage(cam.width, cam.height, RGB);
out = createImage(cam.width, cam.height, RGB);
}

void draw() {

loadPixels();
motiondetect();

out.updatePixels();
image(out, 0, 0, width, height);

}

void motiondetect() {

cam.loadPixels();
save.loadPixels();

///scann through input pixels
for (int x = 0; x < cam.width; x ++ ) {
for (int y = 0; y < cam.height; y ++ ) {
int loc = y*cam.width+x;
color c = cam.pixels[loc];
color c_l = save.pixels[loc];

///get colors of each pxl
float r = red(c);
float g = green(c);
float b = blue(c);
///get colors of each pxl -> prev frame
float r_l = red(c_l);
float g_l = green(c_l);
float b_l = blue(c_l);

///compare
float dif = dist(r, g, b, r_l, g_l, b_l);

///exchange pxls to make change visible
if (dif>thresh) {
out.pixels[loc] = color (abs(r-r_l), abs(g-g_l), abs(b-b_l));
} else {
out.pixels[loc] = color (0);
}
}
}
}

void movieEvent(Movie m) {

///get cam image and copy as previous frame
if (m.available()) {
save = m.get();
save.updatePixels();
m.read();
}
}

</pre>

GMU:Eval(nature)/Andre Faupel

2015-04-29T21:20:52Z

Andrefaupel: Created page with "==Pixel Motion Detection -- File Input == <pre style="font=2"> import processing.video.*; Movie cam; PImage save, out; //// threshold for fine-tuning and artefacts float thres..."

==Pixel Motion Detection -- File Input ==

<pre style="font=2">
import processing.video.*;
Movie cam;
PImage save, out;

//// threshold for fine-tuning and artefacts
float thresh = 2;

void setup() {

///change to your footage path
cam = new Movie(this, "E:/vids/MVI_5018.MOV");

cam.loop();
cam.jump(random(cam.duration()));
cam.volume(0);

// set windows size to match footage resolution
size(cam.width, cam.height);

///setup previous frame and output-image
save = createImage(1280, 720, RGB);
out = createImage(1280, 720, RGB);
}

void draw() {

loadPixels();
motiondetect();

out.updatePixels();
image(out, 0, 0, width, height);

}

void motiondetect() {

cam.loadPixels();
save.loadPixels();

///scann through input pixels
for (int x = 0; x < cam.width; x ++ ) {
for (int y = 0; y < cam.height; y ++ ) {
int loc = y*cam.width+x;
color c = cam.pixels[loc];
color c_l = save.pixels[loc];

///get colors of each pxl
float r = red(c);
float g = green(c);
float b = blue(c);
///get colors of each pxl -> prev frame
float r_l = red(c_l);
float g_l = green(c_l);
float b_l = blue(c_l);

///compare
float dif = dist(r, g, b, r_l, g_l, b_l);

///exchange pxls to make change visible
if (dif>thresh) {
out.pixels[loc] = color (abs(r-r_l), abs(g-g_l), abs(b-b_l));
} else {
out.pixels[loc] = color (0);
}
}
}
}

void movieEvent(Movie m) {

///get cam image and copy as previous frame
if (m.available()) {
save = m.get();
save.updatePixels();
m.read();
}
}

</pre>

GMU:Eval(nature)

2015-04-29T21:16:47Z

Andrefaupel:

'''eval(nature)'''

[[Image:Leaf-morphology.png|thumb|left|''[[wikipedia:Leaf_shape|leaf morphology chart]]'']]

[[:Category:Projektmodul|Projektmodul]] 
''Lehrpersonen:'' [[Ursula Damm]], [[Darsha Hewitt]], [[Martin Schneider]] 
''Bewertung:'' 18 [[ECTS]], 16 [[SWS]] 
''Termin:'' Donnerstag, 09.15 - 12:30 Uhr 
''Ort:'' [[Marienstraße 7b]], Raum 204 
''Erster Termin:'' 16th April 2015

 

== Beschreibung ==

Rechnen und Algorithmen sind nicht nur eine Sache für den Computer.
Viele natürliche Prozesse haben eine ihnen innewohnende Logik, der wir auf die Spur kommen möchten.
In spielerischen Herangehensweisen entdecken wir wie Dinge und Wesen aus unserer direkten Umgebung sich verhalten, miteinander interagieren, Materie, Signale, Energie und Informationen austauschen.

Das Projektmodul umfasst zwei Hands-on Workshops, die die praktische Einführung in das Thema ermöglichen.
''A Dish of Code'' vermittelt solide Grundlagen der Programmierung.
Wir werden Algorithmen in natürliche Anordnungen überführen aber auch Computer-Programme schreiben, die mit der Natur interagieren und diese auswerten.
Da wir die Natur primär mit visuellen Sensoren evaluieren, erlernen wir ganz nebenbei Grundkenntnisse der digitalen Bildverarbeitung und Bilderkennung.
Hier werden die folgenden Fragen gestellt:
* Was passiert wenn wir natürliche Anordnungen als Code interpretieren und ausführen?
* Wo bietet sich die Beschreibung der Natur mit der Sprache der Informatik an, wo stellt sie sich quer?
* Wie verhalten sich hybride Systeme, welche Schnittstellen bieten sich an und welche Rolle spielt der Mensch innerhalb dieser Systeme?

''A Drop of Paint'' zeigt am Beispiel von Wassertropfen auf Glas wie Natur sich selbst organisiert.
Im Dialog mit einem Wissenschaftler beobachten wir Muster und Regeln des Experiments (Oberflächenspannung, Konzentration von löslichen Stoffen) und überführen diese in eine gestalterische Anwendung.

Im Projekt ''eval(nature)'' lernen wir historische und zeitgenössische Werke kennen, die sich mit diesem Themenfeld beschäftigen. Aus diesem Diskurs heraus entwickelt jeder Teilnehmer ein eigenes Projekt, das es zu Ende des Semesters zu präsentieren gilt.

== Description ==

Algorithms and programs are not only working on computers.
Many processes in nature follow an inherent logic that we want to unveil. In a playful setting we discover how things and beings in our immediate environment behave, interact and exchange matter, signals, energy and information.

The project module includes workshops titled ''"A Drop of Paint"'' and ''"A Dish of Code"''. In those two workshops hands-on skills in liquid and solid programming can be experienced.
The first workshop (''A Dish of Code'') conveys solid foundations of programming. We will translate algorithms into natural arrangements, but also write computer programs, that interact with nature and evaluate it. Since we primarily evaluate nature using visual sensors, we will incidentally learn the foundations of image processing and recognition.
* What happens if we interpret natural arrangements as code and execute them
* Where does nature lend itself to a description in terms of computer science, and where does it bristle?
* How do hybrid systems work, which interfaces are available and what's the role of humans within those systems?

The workshop ''A Drop of Paint'' shows how water is organizing itself on glass surfaces. In dialog with a scientist we observe patterns and rules of the experiment and develop an aesthetic application.

In the ''eval(nature)'' discourse we follow up on those questions and get to know historic and contemporary works that cover this domain. Each student shall develop it's own project within the theme until the end of the semester.

== Language ==

Unterrichtssprache ist Deutsch.

== Eligible Participants ==

Undergraduates and graduates enrolled in the faculties of:

* Media Art/Design and Media Architecture
* Visual Communication
* Product Design
* Architecture

== Recommended Courses ==

This is a list of courses offered by the GMU, that are recommened for students taking this module:
* [[GMU:Bots n Plots]] (Martin Schneider)
* [[GMU:Introduction to Electronics]] (Darsha Hewitt)

== Application ==

''to be announced''

== Syllabus ==

''to be announced''

== Evaluation ==

* 10% Prüfungsleistung - schriftlich: Recherche zum gewählten Thema/ zur gewählten Arbeit in Kunst und Design, Medienwissenschaft oder einer anderen Disziplin, wobei ein Werk/Thema als Referenz individuell wählbar ist.
* 10% Prüfungsleistung - mündlich: Vortrag über ein selbstgewähltes Thema in Verbindung mit dem praktischen Arbeitsvorhaben
* 20% Mitarbeit im Plenum
* 60% Prüfungsleistung - Präsentation eines Werkes

== Links ==
=== A Drop of Paint ===
==== Droplets ====
* [https://www.youtube.com/watch?v=GTnVwyWaVQw Drip-Drop Flip-Flop]
==== Matter ====
* [https://www.youtube.com/watch?v=FnhOfbdalhU Capillarics]
* [http://fuckyeahfluiddynamics.tumblr.com/ Fuck Yeah, Fluid Dynamics!]
==== Sound ====
* [https://www.youtube.com/watch?v=TshCmZiTUT0 Sound controlled Droplets]

=== A Dish of Code ===
==== Learning Python ====
''to be done''

==== Data from Nature ====
We will sample our own surroundings,but there's also a lot of data on the internet, that we will use right away in our programming exercises.
[[Image:histology-db-sample.png|thumb|left|''Sample tissue from the [http://www.bu.edu/histology/m/i_thumbn.htm Histology DB] of Boston University ]][[Image:leaf-db-sample.png|thumb|left|''Sample from the [http://thedata.harvard.edu/dvn/dv/vitis_leaves Vitis Leaf Shape DB]'' ]]
 
* [http://www.bu.edu/histology/m/i_thumbn.htm Educational Histology DB] – Boston University
* [http://thedata.harvard.edu/dvn/dv/vitis_leaves Vitis Leaf Shape DB] – Harvard University
* [http://insideinsides.blogspot.de/ Inside Insides] – Animated Gif Flights through Fruits and Vegetables.
* [http://www.informed.unal.edu.co:8084/BiMed/ BiMed Histology DB] – 20.000+ images
* [http://www.marinespecies.org/foraminifera/photogallery.php?album=772 Foraminifera] – A Micro Fossil Database
* [http://www.africamuseum.be/collections/browsecollections/naturalsciences/biology/lepidoptera/browse Butterfly Database] at the Royal Museum for Central Africa

==== Citizen Science ====
* [[wikipedia:List_of_citizen_science_projects|List of Citizen Science Projects]] on Wikipedia
* [http://www.globeatnight.org/ Globe at Night]
* [http://wildtrack.org/citizen-science/a-global-challenge-fit-database/ Wildtrack FIT Database] (Footprint Identification Technology)

==== Drawing the Dots ====
* [http://tutorial.simplecv.org/en/latest/examples/image-math.html Image Math] with SimpleCV Long Term Exposure, Background Subtraction etc.
* Videos: [https://vimeo.com/15577736 Ameizing], [https://vimeo.com/6513657 598], [https://vimeo.com/120367391 Starlings decide to change Lines], [https://vimeo.com/78188069 Black Vultures], [https://vimeo.com/98976648 Wildwood Boy]

==== Tracking the Dots ====
Using SimpleCV and OpenCV to identify and track objects
* [https://www.youtube.com/watch?v=jihxqg3kr-g Tracking a Ball with SimpleCV]
* [https://stackoverflow.com/questions/14036944/how-do-i-locate-the-rabbit Follow the white Rabbit]
* [https://rdmilligan.wordpress.com/2015/01/12/opencv-contours-for-pac-man/ Tracking PacMan with OpenCV]

==== Connecting the Dots ====
Using NetworkX to identify relations between objects
[[Image:su-song-starmap.png|thumb|300px|left|''[[wikipedia:Su Song|Su Song's]] Star Map'']]
 
* [https://networkx.github.io/ NetworkX] – Python Library
* [https://networkx.github.io/documentation/development/reference/generated/networkx.algorithms.mst.minimum_spanning_tree.html Minimum Spanning Tree]
* [https://networkx.github.io/documentation/latest/examples/drawing/random_geometric_graph.html Random Geometric Graph]

==== Life, Coding ====
* [https://vimeo.com/24324458 Bird Sequencer]
* [http://yaxu.org/acid-sketching/ Acid Sketching]

==== Classifying Nature ====
[[Image:haeckel-age-of-man.png|thumb|300px|left|''[[wikipedia:Ernst Haeckel|Haeckel]]'s Paleontological Tree of Vertebrates'']]
 
* [[wikipedia:Systema_Naturae|Systema Naturae]] by Carl Linnaeus.
* [[wikipedia:Phylogenetic_tree|Phylogenetic tree]]
* [https://www.flickr.com/photos/quasimondo/16201271994/ 1259 Butterflies and Moths] by Mario Klingemann
* [https://peerj.com/articles/563/ Automatic identification of species with neural networks]
* [https://www.coursera.org/course/neuralnets Neural Networks for Machine Learning] by Geoffrey Hinton

== Literature ==
==== Books ====

''to be done''

==== Online Books ====
''A couple of historic books''
* [http://darwin-online.org.uk/EditorialIntroductions/Freeman_ThePowerofMovementinPlants.html The Power of Movement in Plants], Charles Darwin (1880) – see also: [[wikipedia:Circumnutation|Circumnutation]]
* [http://digi.ub.uni-heidelberg.de/diglit/kerner1890/0001 Kleksographien] (1890) – see also: [[wikipedia:Rorschach_test#Inkblots Rohrschachtest]]
* [https://archive.org/details/histologyofmedic1916mans Histology of medicinal plants] (1916)
* [https://archive.org/details/frbergesschmette00berg Fr. Berge's Schmetterlingsbuch] (1910)
(1890)
==== Papers ====
* [http://www.complex-systems.com/pdf/20-2-2.pdf Crab Computing Paper]
* [http://onlinelibrary.wiley.com/doi/10.1002/adma.201202980/abstract Droplet Computing Paper]

==Participants==
* [[GMU:Eval(nature)/Andre Faupel|Andre Faupel]]

[[Category:SS15]]
[[Category:Projektmodul]]
[[Category:Martin Schneider]]
[[Category:Darsha Hewitt]]
[[Category:Ursula Damm]]
[[Category:Computation]]
[[Category:Bio Art]]
[[Category:Particles]]
[[Category:Nature]]
[[Category:Computation]]

IFD:All Hail The Pixels/designs

2014-11-20T18:56:19Z

Andrefaupel: /* Group A */

==Group A==

=Jonas Jülch=

[[File:Pixel_pattern_jonas.jpg|300px|thumb|]]

float rotationVal = -0.02;

void setup(){

size(1000, 600);

}

void draw(){

background(40,50,60);

pattern();

}

void pattern(){

pushMatrix();

for(int i = 0; i < 10 ; i++){
stroke(22,188,229);
pattern1();
stroke(22,100,229);
pattern2();

translate(0,100);
}

popMatrix();

pushMatrix();

for(int i = 0; i < 10 ; i++){
stroke(100,255,61);
pattern3();
stroke(100,160,61);
pattern4();
translate(100,0);
}

popMatrix();

}

void pattern1(){

float mid = width * 0.5;

for(int i = 0; i < 10 ; i++){

line (0,10*i, mid, 0);
line (0,10*i, mid, 100);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

void pattern2(){

float mid = width * 0.5;

for(int i = 0; i < 10 ; i++){

line (mid,0, 1000, 10*i);
line (mid,100, 1000 , 10*i);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

void pattern3(){

float midy = height * 0.5;

for(int i = 0; i < 10 ; i++){

line (10*i,0, 0, midy);
line (10*i,0 , 100, midy);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

void pattern4(){

float midy = height * 0.5;

for(int i = 0; i < 10 ; i++){

line (0, midy, 10*i, 600);
line (100, midy, 10*i, 600);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

=Andre Faupel=
<gallery>
File:Af_houseworm.png
File:Af_houseworm_2.png
</gallery>

based on the patch by jonas

you can find the code [http://pastebin.com/etYe2LxU here]

==Group B==

'''Dhora Tego'''

[[File:hexagon.jpg]]

float r, g, b;

void setup(){

size(500,500); background(255);

}

void draw(){

for(int x=0; x<500; x+=60+60*sin(PI/6)){
for(int y=0; y<500; y+=60*cos(PI/6)){

drawHexagon(x, y, 30);
drawHexagon(x+30+30*sin(PI/6), y+30*cos(PI/6), 30);
}
}
}

void drawHexagon(float x, float y, float radius) {

pushMatrix();
translate(x, y);
beginShape();
for (int i = 0; i < 6; i++) {
pushMatrix();
float angle = PI*i/3;
vertex(cos(angle) * radius, sin(angle) * radius);
popMatrix();
}
endShape(CLOSE);[
popMatrix();

fill (mouseX, (mouseX+mouseY), mouseY);
ellipse ( x, y, 40, 40 );
rect ( x, y, 10, 10 );
}

==Group C==

==Group D==
=Maria Estel=

[[File:Maria.jpg|350px|thumb|]]

void setup () {
size(displayWidth, displayHeight);
}

void draw () {
if (mousePressed) {
background(255,120,0);

pushMatrix();
translate(1600,700);
for (int i=10; i<width; i+=1){
rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(20,20,20);
stroke(0);
}
}
else {
background(20,20,20);

pushMatrix();
translate(250,250);
for (int i=10; i<width; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(255,120,0);
stroke(0);
}
}
popMatrix();
}

=Carina Weiß=

[[File:Carina.jpg|350px|thumb|]]

void setup () {
size(displayWidth, displayHeight);
}

void draw () {
background(0);

pushMatrix();
translate(1500,500);
for (int i=10; i<width; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255,215,0);
}
popMatrix();

pushMatrix();
translate(450,250);
for (int i=10; i<150; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(250,650);
for (int i=10; i<150; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(1000,400);
for (int i=10; i<100; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(800,600);
for (int i=10; i<100; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(1100,700);
for (int i=10; i<100; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();
}

==Fernando Millan==
[[File:Millan_HW_2.jpg|600px|thumb|]]

void setup () {
size(2000, 1000);
}
void draw () {
background(20, 20, 20);
float Mouse = 5+(mouseX/100);
float Distance = mouseX;
float MY = mouseY*.90;

if (mousePressed) {
noStroke();
} else {
stroke(0);
}
pushMatrix();
translate(666, height*0.5);
for (int i=30; i<MY; i+=5) {
for (int F=0; F<Mouse; F+=1) {
if ( i % 2 == 0) {
fill(100, 50);
} else {
fill(255, 0, 0, 50);
}
rectMode(CENTER);
rotate(radians(F));
rect(i, i, 30, 30);
}
}
popMatrix();
//println (mouseY);
//println (mouseX);
}

==Rubab Paracha==
[[File:rubabpattern1.jpg|125px|thumb|]] [[File:rubabpattern2.jpg|125px|thumb|]][[File:rubabpattern3.jpg|125px|thumb|]]

OPTION 1

void setup () {
size (800,800);
}

void draw (){
element ();

}

void element () {
frameRate(3);
background (0);
stroke(0);
pushMatrix();
translate(width * 0.5, width * 0.5 );
for(int i= 3; i < width; i++){

rotate(mouseX * 0.0005);
rect(i,i,30,30);
fill(random(255),random(255),random(255), 150);
}
popMatrix();
}

OPTION 2

[[File:rubabpattern7.jpg|125px|thumb|]] [[File:rubabpattern5.jpg|125px|thumb|]][[File:rubabpattern6.jpg|125px|thumb|]]

void setup () {
size (800,600); //(displayWidth,displayHeight);
}

void draw (){
background (255);
translate (width * 0.08, height * 0.08 );
element1 ();
translate (width * 0.25, height * 0.25 );
element2 ();
translate (width * 0.25, height * 0.25 );
element1 ();
translate (width * 0.25, height * 0.25 );
element2 ();

}

void element1 () {
frameRate(4);
stroke(0);
pushMatrix();
for(int i= 1; i < width/5; i++){

rotate(mouseX * 0.001);
ellipse(i,i,20,20);
fill(0,150);
}
popMatrix();
}

void element2 () {
frameRate(4);
stroke(0);
pushMatrix();
for(int i= 2; i < width/2; i++){

rotate(-mouseY * 0.001);
rect(i,i,10,10);
fill(0, 150);
}
popMatrix();
}

==Group E==

[[Category:== ASSIGNMENT 2 ==]]

IFD:All Hail The Pixels/designs

2014-11-20T18:55:09Z

Andrefaupel: /* Group A */

==Group A==

'''Jonas Jülch'''

[[File:Pixel_pattern_jonas.jpg|300px|thumb|]]

float rotationVal = -0.02;

void setup(){

size(1000, 600);

}

void draw(){

background(40,50,60);

pattern();

}

void pattern(){

pushMatrix();

for(int i = 0; i < 10 ; i++){
stroke(22,188,229);
pattern1();
stroke(22,100,229);
pattern2();

translate(0,100);
}

popMatrix();

pushMatrix();

for(int i = 0; i < 10 ; i++){
stroke(100,255,61);
pattern3();
stroke(100,160,61);
pattern4();
translate(100,0);
}

popMatrix();

}

void pattern1(){

float mid = width * 0.5;

for(int i = 0; i < 10 ; i++){

line (0,10*i, mid, 0);
line (0,10*i, mid, 100);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

void pattern2(){

float mid = width * 0.5;

for(int i = 0; i < 10 ; i++){

line (mid,0, 1000, 10*i);
line (mid,100, 1000 , 10*i);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

void pattern3(){

float midy = height * 0.5;

for(int i = 0; i < 10 ; i++){

line (10*i,0, 0, midy);
line (10*i,0 , 100, midy);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

void pattern4(){

float midy = height * 0.5;

for(int i = 0; i < 10 ; i++){

line (0, midy, 10*i, 600);
line (100, midy, 10*i, 600);
pushMatrix();
rotate(rotationVal);
popMatrix();

}
}

'''Andre Faupel'''
<gallery>
File:Af_houseworm.png
File:Af_houseworm_2.png
</gallery>

based on the patch by jonas

you can find the code [http://pastebin.com/etYe2LxU link here]

==Group B==

'''Dhora Tego'''

[[File:hexagon.jpg]]

float r, g, b;

void setup(){

size(500,500); background(255);

}

void draw(){

for(int x=0; x<500; x+=60+60*sin(PI/6)){
for(int y=0; y<500; y+=60*cos(PI/6)){

drawHexagon(x, y, 30);
drawHexagon(x+30+30*sin(PI/6), y+30*cos(PI/6), 30);
}
}
}

void drawHexagon(float x, float y, float radius) {

pushMatrix();
translate(x, y);
beginShape();
for (int i = 0; i < 6; i++) {
pushMatrix();
float angle = PI*i/3;
vertex(cos(angle) * radius, sin(angle) * radius);
popMatrix();
}
endShape(CLOSE);[
popMatrix();

fill (mouseX, (mouseX+mouseY), mouseY);
ellipse ( x, y, 40, 40 );
rect ( x, y, 10, 10 );
}

==Group C==

==Group D==
=Maria Estel=

[[File:Maria.jpg|350px|thumb|]]

void setup () {
size(displayWidth, displayHeight);
}

void draw () {
if (mousePressed) {
background(255,120,0);

pushMatrix();
translate(1600,700);
for (int i=10; i<width; i+=1){
rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(20,20,20);
stroke(0);
}
}
else {
background(20,20,20);

pushMatrix();
translate(250,250);
for (int i=10; i<width; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(255,120,0);
stroke(0);
}
}
popMatrix();
}

=Carina Weiß=

[[File:Carina.jpg|350px|thumb|]]

void setup () {
size(displayWidth, displayHeight);
}

void draw () {
background(0);

pushMatrix();
translate(1500,500);
for (int i=10; i<width; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255,215,0);
}
popMatrix();

pushMatrix();
translate(450,250);
for (int i=10; i<150; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(250,650);
for (int i=10; i<150; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(1000,400);
for (int i=10; i<100; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(800,600);
for (int i=10; i<100; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();

pushMatrix();
translate(1100,700);
for (int i=10; i<100; i+=1){

rectMode(CENTER);
rotate(mouseY);
rect(i,i,20,20);
fill(0);
stroke(255);
}
popMatrix();
}

==Fernando Millan==
[[File:Millan_HW_2.jpg|600px|thumb|]]

void setup () {
size(2000, 1000);
}
void draw () {
background(20, 20, 20);
float Mouse = 5+(mouseX/100);
float Distance = mouseX;
float MY = mouseY*.90;

if (mousePressed) {
noStroke();
} else {
stroke(0);
}
pushMatrix();
translate(666, height*0.5);
for (int i=30; i<MY; i+=5) {
for (int F=0; F<Mouse; F+=1) {
if ( i % 2 == 0) {
fill(100, 50);
} else {
fill(255, 0, 0, 50);
}
rectMode(CENTER);
rotate(radians(F));
rect(i, i, 30, 30);
}
}
popMatrix();
//println (mouseY);
//println (mouseX);
}

==Rubab Paracha==
[[File:rubabpattern1.jpg|125px|thumb|]] [[File:rubabpattern2.jpg|125px|thumb|]][[File:rubabpattern3.jpg|125px|thumb|]]

OPTION 1

void setup () {
size (800,800);
}

void draw (){
element ();

}

void element () {
frameRate(3);
background (0);
stroke(0);
pushMatrix();
translate(width * 0.5, width * 0.5 );
for(int i= 3; i < width; i++){

rotate(mouseX * 0.0005);
rect(i,i,30,30);
fill(random(255),random(255),random(255), 150);
}
popMatrix();
}

OPTION 2

[[File:rubabpattern7.jpg|125px|thumb|]] [[File:rubabpattern5.jpg|125px|thumb|]][[File:rubabpattern6.jpg|125px|thumb|]]

void setup () {
size (800,600); //(displayWidth,displayHeight);
}

void draw (){
background (255);
translate (width * 0.08, height * 0.08 );
element1 ();
translate (width * 0.25, height * 0.25 );
element2 ();
translate (width * 0.25, height * 0.25 );
element1 ();
translate (width * 0.25, height * 0.25 );
element2 ();

}

void element1 () {
frameRate(4);
stroke(0);
pushMatrix();
for(int i= 1; i < width/5; i++){

rotate(mouseX * 0.001);
ellipse(i,i,20,20);
fill(0,150);
}
popMatrix();
}

void element2 () {
frameRate(4);
stroke(0);
pushMatrix();
for(int i= 2; i < width/2; i++){

rotate(-mouseY * 0.001);
rect(i,i,10,10);
fill(0, 150);
}
popMatrix();
}

==Group E==

[[Category:== ASSIGNMENT 2 ==]]

File:Af houseworm 2.png

2014-11-20T18:47:58Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

File:Af houseworm.png

2014-11-20T18:47:32Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

IFD:All Hail The Pixels/Patterns

2014-11-07T10:52:52Z

Andrefaupel:

==ASSIGNMENT 1==

''' '' "Create three different patterns on paper and formulate these in code with properties using processing" '' '''

Please paste your images and processing sketches below:

=== Rubab Paracha ===

* Pattern A

//pattern of sqaures overlapping each other. i tried to use colour and opacity to experiment how layers work in processsing

void setup() {
size(600, 600);
smooth();

}

void draw()
{
background(0,102,102);

stroke (255);
strokeWeight (1.5);

noFill();
rect (30,200, 100,100);

fill (150);
rect (100,220, 100,100);

fill (80, 100);
rect (170,240, 100,100);

fill (255,237, 188);
rect (240,260, 100, 100);

fill (167, 82, 101, 150);
rect (310,280, 100, 100);

fill (254, 190, 126);
rect (380,300, 100,100);

fill (254, 190, 126, 120);
rect (450,320, 100,100);

}

* Pattern B

void setup() {

size(900, 600);

background(216,124,124);

}

void draw() {

variableRect(mouseX, mouseY, pmouseX, pmouseY);

}

//abs() calculates the absolute value (magnitude) of a number. The absolute value of a number is always positive

// and draws a small rectangle if the mouse is moving slowly

// and draws a large rectangle if the mouse is moving quickly

// random(255) calls the random colours from 0-255 for the different squares

//working with opacity to show layering

void variableRect(int x, int y, int px, int py) {

float speed = abs(x-px) + abs(y-py);

stroke(0);

fill(random(255),random(255),random(255), 190);

rect(x, y, speed, speed);

}

=== Fernando Millán ===

* Pattern A
Simple pattern in which depending on the position of the Mouse in the Y axis, the pattern starts to get "erased" from the middle.

void setup () {
size (1000,1000);
}

void draw () {
background (209);
noStroke ();
fill (155,0,0);

//pushMatrix();
Squares();
//popMatrix();

float ValueX = mouseX;
float ValueY = mouseY;

pushMatrix();
translate(500,500);

rectMode(CENTER);

fill (209);
noStroke ();
rect(0,0,ValueY,ValueY);

rectMode(CORNER);
popMatrix();

}

void Squares(){
rect (400,0,200,100);

rect (300,100,100,100);
rect (600,100,100,100);

rect (200,200,100,100);
rect (400,200,200,100);
rect (700,200,100,100);

rect (100,300,100,100);
rect (300,300,100,100);
rect (600,300,100,100);
rect (800,300,100,100);

rect (000,400,100,200); //both lines at the same time
rect (200,400,100,200);
rect (400,400,200,200);
rect (700,400,100,200);
rect (900,400,100,200);

rect (100,600,100,100);
rect (300,600,100,100);
rect (600,600,100,100);
rect (800,600,100,100);

rect (200,700,100,100);
rect (400,700,200,100);
rect (700,700,100,100);

rect (300,800,100,100);
rect (600,800,100,100);

rect (400,900,200,100);
}

* Pattern B
Simple checkerboard pattern in which if clicked, the colors get inverted.

void setup() {
size(600, 600);
noSmooth();
fill(255,0,0);
background(102);
}

void draw() { //Setting the colors for pattern A
if (mousePressed) {
stroke(255,0,0);
fill(255,0,0);
} else {
stroke(0);
fill(0);
}
//Starting to draw the checkerboard A
RowOdd();

pushMatrix();
translate(0, 50);
RowEven();
popMatrix();

pushMatrix();
translate(0, 100);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 150);
RowEven();
popMatrix();

pushMatrix();
translate(0, 200);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 250);
RowEven();
popMatrix();

pushMatrix();
translate(0, 300);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 350);
RowEven();
popMatrix();

pushMatrix();
translate(0, 400);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 450);
RowEven();
popMatrix();

pushMatrix();
translate(0, 500);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 550);
RowEven();
popMatrix();

if (mousePressed) {
stroke(0);
fill(0);
} else {
stroke(255,0,0);
fill(255,0,0);
}
//Starting to draw the checkerboard B
RowEven();

pushMatrix();
translate(0, 50);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 100);
RowEven();
popMatrix();

pushMatrix();
translate(0, 150);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 200);
RowEven();
popMatrix();

pushMatrix();
translate(0, 250);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 300);
RowEven();
popMatrix();

pushMatrix();
translate(0, 350);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 400);
RowEven();
popMatrix();

pushMatrix();
translate(0, 450);
RowOdd();
popMatrix();

pushMatrix();
translate(0, 500);
RowEven();
popMatrix();

pushMatrix();
translate(0, 550);
RowOdd();
popMatrix();
}

void RowOdd(){
rect(0,0,50,50);
rect(100,0,50,50);
rect(200,0,50,50);
rect(300,0,50,50);
rect(400,0,50,50);
rect(500,0,50,50);
}

void RowEven(){
rect(50,0,50,50);
rect(150,0,50,50);
rect(250,0,50,50);
rect(350,0,50,50);
rect(450,0,50,50);
rect(550,0,50,50);
}

* Pattern C
In this pattern I wanted to draw the same checkerboard pattern but this time, all the squares would rotate on their own axis to reveal the one behind it (with a different color). So far I have not been able to do so, as the squares insist on all rotating from the same point. I'm uploading this while I try to figure it out, if someone else has an idea feel free to post it here.

<post ideas here>
<post ideas here>

void setup () {
size (500,500);
}
void draw () {
background (209);
rectMode(CENTER);
float Mouse = mouseX;

pushMatrix();
translate(50,50);
rotate(radians(mouseX));
Ele1();
popMatrix();

pushMatrix();
translate(50,50);
//rotate(mouseX);
Ele2();
popMatrix();
}
void Ele1(){
pushMatrix();
rect(0,0,100,100);
popMatrix();
}

void Ele2(){
pushMatrix();
rect(200,0,100,100);
popMatrix();
}

void Ele3(){
// pushMatrix();
// rotate(radians(mouseX));
rect(400,0,100,100);
// popMatrix();
}

=== Xianzhi Zhang ===

=== Andre Faupel ===

i wanted to create some simple algorithmic pixeldancing reminiscent of audiovisual performances.
click anywhere and adjust the refreshrate with UP/DOWN

http://pastebin.com/91y8jZ53

IFD:All Hail The Pixels

2014-11-07T10:48:19Z

Andrefaupel:

Werkmodul/Fachmodul/[[:Category:Fachmodul|Fachmodul]][[:Category:Werkmodul|Werkmodul]] 
''Lecturer(s):'' [[Martin Schied]],[[Frederic Gmeiner]] 
''Credits:'' 6 [[ECTS]], 4 [[SWS]] 
''Date:'' Every Second Friday (Schedule TBA), 13:30 until 20:30 h  
''Venue:'' [[Marienstraße 7b]], Room 105 
''First meeting:'' 17.10.2014

==Description==

'''All hail the Pixels!'''

Square pixels, round pixels, megapixels, microcropixels. Pixel clowds
and pixel clowns. Hot pixels, cold pixels, dead pixels and their funerals.

The pixelized physical computing course focuses on all kind of elements
that can be used or seen as pixels - be it in Architecture on facades,
interior design elements, street lighths or in an experimental display.
The course focuses on the prototyping of content displayable on pixels
and the realization aspect of pixel based systems.

the course is divided into 4 megapixels:

1. Grids and Pixels - What is a single pixel capable of and how are
pixels perceived in larger formations? What can be used as a pixel?
Generative Design of Patterns and repeating structures. Experimental
systems are done using the well known "Processing" environment.

2. Choreography - What can be done with the developed Systems? How can
you represent movements and patterns in a digital system? Concepts to
animate the structures and systems are developed.

3. Spacial aspects and realizations. How to transfer digitally
prototyped concepts to a real object, e.g. a Building's Facade.

4. Technical Prototype. How does an individual (Pix)Element work in
detail? Build one element as a physical working prototype. We will use
the Arduino environment and popular electromechanical components to make
them.

The class is held by Frederic Gmeiner from Design Studio FELD and Martin Schied.

===German description===

Pixelbasiertes Gestalten und Grundlagen des Physical Computings.
Im Laufe des Semesters werden wir 4 Projektphasen durchlaufen:

1. Raster: Was kann ein einzelnes Modul/Pixel/Baustein? Wie verhalten
sich viele im Zusammenspiel?
- Entwurf von generativen visuellen Mustern und repetitiven Strukturen
mit der Programmierungsumgebung "Processing"

2. Choreographie: Was kann mit den einzelnen Systemen dargestellt werden?
- Formulierung von Bewegungsabläufen (Choreographien) und Ausprobieren
unterschiedlicher Strategien für die Animation der entwickelten Muster
und Strukturen.

3. Räumliche Umsetzung: Wie lassen sich die skizzierten Entwürfe in den
realen Raum transferieren?
- Konzepte zur Übersetzung der Anordnung und der Bewegungsprinzipien in
eine räumlich-physische Umgebung (z.B. Hausfassade).

4. Technischer Prototyp: Wie funktioniert ein einzelner Baustein im
Detail?
- Prototypenhafte Entwicklung einzelner Mechanik- und Elektronikbausteine welche von einem Mikrokontroller angesteuert werden.

==Topics==
* [[/tba1/]]
* [[/tba2/]]

==Admission requirements==
k.A.

==Registration procedure==
Please send your application by email with the Subject ''{{PAGENAME}}'' to: martin.schied@uni-weimar.de
* Name, Surname
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Angabe der geltenden Prüfungsordnung
* Valid email address @uni-weimar.de (no other mailing addresses will be accepted) [[SCC-Services#E-Mail|Why?]]
Sollte es mehr als 15 Bewerber geben, entscheidet die Reihenfolge der Anmeldungen über die Aufnahme in den Kurs

==Evaluation==
Active participation, presentation, documentation.

==Eligible participants==
Graduates enrolled in the Faculties of Media, Gestaltung and in the MediaArchitecture program

== Email List ==

Register for the [http://mg.medien.uni-weimar.de/mailman/listinfo/pixels pixels mailinglist]

== Participants ==

=== Workgroups ===

Please sign up for a workgroup by replacing "Your name" and "Your email" with your name and mail address. Each group should not exceed five members.

{| class="wikitable"
|+Group A
! Name
! Email
|-
| Gideon Bielewski
| gideon.bielewski@uni-weimar.de
|-
| Jonas Jülch
| jonas.juelch@uni-weimar.de
|-
| Andre Faupel
| andre.faupel@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group B
! Name
! Email
|-
| Isil Onursal
| isil.onursal@uni-weimar.de
|-
| Emir Genc
| emir.genc@uni-weimar.de
|-
| Afroditi Manari
| afroditi.manari@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group C
! Name
! Email
|-
| Luanbo Zhang
| luanbo.zhang@uni-weimar.de
|-
| Xianzhi Zhang
| xianzhi.zhang@uni-weimar.de
|-
| Hain-Ruey Chan
| hain-ruey.chan@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group D
! Name
! Email
|-
| Maria Estel
| maria.estel@uni-weimar.de
|-
| Carina Weiß
| carina.weiss@uni-weimar.de
|-
| Fernando Millán
| fernando.millan@uni-weimar.de
|-
| Rubab Paracha
| rubab.paracha@uni-weimar.de
|-
| Christoph Drews
| drews-christoph@web.de
|}

{| class="wikitable"
|+Group E
! Name
! Email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group F
! Name
! Email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

==Syllabus==

The classes will be held every second Week, detailed Schedule will be listed below soon:

=== 17.10. - INTRODUCTION MEETING ===

* Introduction
** Short self introduction
** Examples of different pixel projects
** What? Why? How?
** What you will learn in this class
* Questionnaire: What (technical) knowledge and experience do you have about programming and electronics? What do you want to learn?
* Installing Processing
* Mailingliste, Wiki, etc.
* Reading list & (online) resources
* Processing Introduction
** P01 ShapesAndRelations
** P02 CustomFunctions

=== 07.11. - PIXELS, PATTERNS, RULES ===

''What is a single pixel capable of and how are pixels perceived in larger formations? What can be used as a pixel? Generative Design of Patterns and repeating structures. Experimental systems are done using the well known "Processing" environment.''

* Review of Assignment I

=== 14.11. - GRID, LAYOUT, DISTRIBUTION, STRUCTURE ===

* Possible strategies:
** Formulate a (static) grid system
** Generate structures by dynamic parameters
** Using external images or structured data

=== 28.11. - MOTION, CHOREOGRAPHY, STORIES ===

''What can be done with the developed Systems? How can you represent movements and patterns in a digital system? Concepts to animate the structures and systems are developed.''

* Principle: Using software to prototype motion and behaviour and use the very same system (or parts thereof) to control the movement of the physical installation (authoring system)

Strategies: * Create animations by parameters * Environments / Systems (physics simulations, particle systems) * Using images / video as source

=== 12.12. - GETTING PHYSICAL ===

* Methods and strategies to transfer the digital prototyped concepts to a real object / mechanism
* What to translate and how?
* Electronics introduction and Arduino
* Developing simple mechanical structures and principles

=== 9.1. - PROTOTYPING ===

=== 23.1. - PROTOTYPING, FINALIZING ===

=== 6.2. - PRESENTATION & DOCUMENTATION ===

== Research on existing "Pixel" Projects ==

Upload your findings with a short description and a link to this page:

'''[[/ResearchPixelProjects/]]'''

== Processing Code Examples ==

All code examples which were demonstrated during the class meetings are listed on this subpage:

'''[[/ProcessingSketches/]]'''

== Assignments ==

=== ASSIGNMENT 1 - 17.10.2014 ===
''' ''"Create three different patterns on paper and formulate these in code with properties using processing "'' '''

Upload your image and code sketches to the wiki here: '''[[/Patterns/]]'''

==Literature==

* Joshua Noble: Programming Interactivity, O’Reilly, ISBN 978-0596154141
* Casey Reas und Ben Fry: Processing, Mit Press, ISBN 978-0262182621

==Links==

tba.

[[Category:Frederic Gmeiner]]
[[Category:Martin Schied]]
[[Category:Physical Computing]]
[[Category:Processing]]
[[Category:Programming]]
[[Category:WS14]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:Interface Design]]
[[Category:Frederic Gmeiner]]
[[Category:Martin Schied]]
[[Category:Physical Computing]]
[[Category:Processing]]
[[Category:Programming]]
[[Category:WS14]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:Interface Design]]

GMU:Coding Gestalt/Andre Faupel

2014-04-30T14:24:01Z

Andrefaupel:

[[Image:Af_mvoc_retro.png|200px|thumb|left|Retro]]

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

[[Image:Af_mvoc_desert.png|200px|thumb|right|Desert]]

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a natural way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The shifting synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

[[Image:Af_mvoc_greenlands_ext.png|200px|thumb|left|Greenlands]]
It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or reevaluation.

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version for Processing and Android on

[http://github.com/yn3/mvoc GITHUB]

File:Af mvoc greenlands ext.png

2014-04-30T14:23:19Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Coding Gestalt/Andre Faupel

2014-04-30T14:11:25Z

Andrefaupel:

[[Image:Af_mvoc_retro.png|200px|thumb|left|Retro]]

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

[[Image:Af_mvoc_desert.png|200px|thumb|right|Desert]]

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a natural way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The shifting synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

[[Image:Af_mvoc_greenlands.png|200px|thumb|left|Greenlands]]
It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or reevaluation.

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version for Processing and Android on

[http://github.com/yn3/mvoc GITHUB]

GMU:Coding Gestalt/Andre Faupel

2014-04-30T14:05:49Z

Andrefaupel:

[[Image:Af_mvoc_retro.png|200px|thumb|left|Retro]]

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

[[Image:Af_mvoc_desert.png|200px|thumb|right|Desert]]

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a natural way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The shifting synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

[[Image:Af_mvoc_greenlands.png|200px|thumb|left|Greenlands]]
It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or reevaluation.

----

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version for Processing and Android on

[http://github.com/yn3/mvoc GITHUB]

GMU:Coding Gestalt/Andre Faupel

2014-04-30T14:03:38Z

Andrefaupel:

[[Image:Af_mvoc_retro.png|200px|thumb|left|Retro Landscape]]

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

[[Image:Af_mvoc_desert.png|200px|thumb|right|Desert Landscape]]

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a natural way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The shifting synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

[[Image:Af_mvoc_greenlands.png|200px|thumb|left|Greenlands Landscape]]
It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or reevaluation.

----

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version for Processing and Android on

[http://github.com/yn3/mvoc GITHUB]

GMU:Coding Gestalt/Andre Faupel

2014-04-30T14:02:26Z

Andrefaupel:

[[Image:Af_mvoc_retro.png|200px|thumb|left|Retro Landscape]]

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

[[Image:Af_mvoc_desert.png|200px|thumb|right|Desert Landscape]]

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a natural way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The shifting synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

[[Image:Af_mvoc_greenlands.png|200px|thumb|left|Greenlands Landscape]]
It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or reevaluation.

----

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version for Processing and Android on

[http://github.com/yn3/mvoc GITHUB]

GMU:Coding Gestalt/Andre Faupel

2014-04-30T14:01:31Z

Andrefaupel:

[[Image:Af_mvoc_retro.png|200px|thumb|left|Retro Landscape]]

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

[[Image:Af_mvoc_desert.png|200px|thumb|right|Desert Landscape]]

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a natural way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The shifting synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

[[Image:Af_mvoc_greenlands.png|200px|thumb|left|Greenlands Landscape]]
It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or reevaluation.

----

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version on

[http://github.com/yn3/mvoc GITHUB]

GMU:Coding Gestalt/Andre Faupel

2014-04-30T13:57:43Z

Andrefaupel:

[[Image:Af_mvoc_retro.png|200px|thumb|left|Retro Landscape]]

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

[[Image:Af_mvoc_desert.png|200px|thumb|right|Desert Landscape]]

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a naturalistic way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The a- and synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

[[Image:Af_mvoc_greenlands.png|200px|thumb|left|Greenlands Landscape]]
It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or the opposite.

----

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version on

[http://github.com/yn3/mvoc GITHUB]

File:Af mvoc retro.png

2014-04-30T13:53:49Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

File:Af mvoc greenlands.png

2014-04-30T13:53:01Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

File:Af mvoc desert.png

2014-04-30T13:52:34Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

GMU:Coding Gestalt/Andre Faupel

2014-04-30T13:49:09Z

Andrefaupel:

==| MVOC |==

----

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a naturalistic way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The a- and synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or the opposite.

----

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version on

[http://github.com/yn3/mvoc GITHUB]

GMU:Coding Gestalt/Andre Faupel

2014-04-30T13:48:04Z

Andrefaupel: Created page with "'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either. Just sitting there watch..."

'''The life of a GOOGLEBOT is harsh.''' He crawls 24/7 through code he doesn't even understand and loads the stuff somewhere he doesn't even know either.
Just sitting there watching, transmitting, waiting for changes, looking for the next path to somewhere, for something.
So, one day - to make his job a little bit more bearable - he starts to imagining '''things:'''

==| MVOC |==

----

The MOUNTAIN VIEW CONTROL CENTER is a simple, abstract Software/App based on pixel connectivity and flood fill.

On randomly distributed screens you can flourish your very own digital habitat of pixels - ranging from an astrobiological brood to a landscape composition which will magically look familiar.

==== mechanics = technics ====

----

gravity - things fall downwards and fill upwards
mountains - diagonal filling
water/sea/oceans/buildings(?) - horizontal filling
void/destructor - random filling

Following the principle of a sinewave, there is a constant creation of valleys and peaks.
Fillings behave in a naturalistic way due to the actual definition of its borders - which are either the background/foreground or another filling algorithm - and their own tracking cycle.
The a- and synchronization and the speed of the algorithms help your mind to constantly look for newly built abstract attractors. Also, the destructive erasing works downwards and reshapes the environment.

==== intentions/conclusions ====

----

It is a problem for us to accept the unfinished. With the project i want to straighten out that bias is the only "mistake" when actually checking on dysfunctionality.
One or two shapes alone might look wrong but another shape has the CHANCE to change our fragile perspective/perception/imagination and turn it into reason or the opposite.

----

Inspiration taken by early pc and sandbox games, NASA control centers and homeworks for the course.

You can fetch and manipulate the most recent version on

[http://github.com/yn3/mvoc GITHUB]

GMU:Coding Gestalt

2014-04-30T13:45:51Z

Andrefaupel:

=== Coding Gestalt, Gestalting Code ''Code Gestalten, Gestalt Codieren ===

[[:Category:Werkmodul|Werkmodul]]/[[:Category:Fachmodul|Fachmodul]] 
''Lecturer:'' [[Martin Schneider]] 
''Credits:'' 6 [[ECTS]], 4 [[SWS]] 
''Date:'' Tuesday, 15:15 - 18:30 
''Venue:'' [[Marienstraße 5]], Room 204 
''First meeting:'' Tuesday 08. April 2014

== NEWS ==

The '''[https://mg.medien.uni-weimar.de/mailman/listinfo/gestalt Gestalt and Code Mailing List'''] is now active.
Click on the link to sign up with your uni-weimar email account.

Please fork the '''[https://github.com/bitcraftlab/Coding-Gestalt Coding-Gestalt Github Repo'''] containing the weekly exercises.

== Beschreibung ==

Gestalt ist das Wirken von Strukturgesetzen des Ganzen auf die einzelnen Teile. In diesem Kurs werden wir Gestalt-Gesetze programmieren, um Formen zu erzeugen. Automatische Gestalt-Erkennung und Gestalt-basierte Programmierung bilden den zweiten Schwerpunkt.

Zunächst lernen wir die klassische Gestalttheorie Wertheimers kennen.

Im nächsten Schritt entwickeln wir anhand der "Structural Information Theory" Leeuwenbergs eigene Codes für die Repräsentierung visueller Form. Wir lernen Fröbels Spielgaben kennen, die darauf basierenden Shape Grammars, sowie L-Systeme und andere Systeme zur formalen Beschreibung von Gestalt und Wandel. Schliesslich entwickeln wir eigene Codes und schreiben Programme die diese Codes interpretieren und daraus grafische und plastische Formen erzeugen.

Im zweiten Teil versuchen wir Gestalt zu entschlüsseln. Wir nutzen Gestaltgesetze um die vielfältigen Beziehungen innerhalb visueller und akustischer Form, Gesten und anderer Signale zu interpretieren. Dabei kommen die Geräte des Lehrstuhls für Gestaltung Medialer Umgebungen, aber auch ganz alltägliche Sensoren wie Laptop-Kameras und Mikrofone zum Einsatz. Im letzten Schritt lernen wir Systeme für Gestalt-basierte Programmierung wie Reactable, TurTan und AcidSketch kennen, und entwickeln selbst vergleichbare Umgebungen.

== Description ==

Gestalt is the law of form of the whole taking effect on its individual parts. In this course we will program Gestalt laws to generate form. Automatic Gestalt-recognition and Gestalt-based programming constitute the other point of focus.

First we will get to know the classic Gestalt theory of Wertheimer. In the next step we will develop our own codes for representation of visual form, based on the "Structural Information Theory" of Leeuwenberg. We will introduce Fröbel Gifts, Shape Grammars which are based on those, and L-Systems, as well as other formal systems used to describe growth and form. Eventually we will develop our own codes, and write programs to interpret them and turn them into forms, both graphic and plastic.

The second part is about decoding Gestalt. We will use Gestalt-Laws to interpret the manifold relationships within visual and auditory form, gestures and other signals. We will use the devices of the faculty for Media Environments, but also every-day sensors like built-in cameras and microphones of laptops and smartphones. In the final step we will get to know systems for Gestalt-based programming like Reactable, TurTan and AcidSketch and develop similar environments of our own.

== Schedule ==

{| class="wikitable"
|-
! Theme !! Topic !! Date
|-
| rowspan="3" | [[/Part1|I. Analyzing Gestalt]]
| Introduction to Gestalt Theory
| 08. April 2014
|-
| Outlines of Shapes
| 15. April 2014
|-
| Skeletons of Shapes
| 22. April 2014
|-
| rowspan="4" | [[/Part2|II. Coding Gestalt]]
| Tiling Systems
| 29. April 2014
|-
| Rewriting Grammars
| 06. May 2014
|-
| Complexity and Symmetry
| 13. May 2014
|-
| Code and Compression
| 20. May 2014
|-
| rowspan="4" | [[/Part3|III. Generating Gestalt]]
| Generating Visual Form
| 27. May 2014
|-
| Sculptural Composition
| 03. June 2014
|-
| Composing Sonic Form
| 10. June 2014
|-
| Textile Composition
| 24. June 2014
|-
| rowspan="3" | [[/Part4|IV. Gestalting Code]]
| Media Environments for Gestalt Coding
| 01. July 2014
|-
| Create your own Media Environment
| 08. July 2014
|-
| Live Coding Performance
| ''to be announced''
|}

== Requirements ==

Since we will use ''Processing'' as a tool, programming experience in Processing is strictly required. 
We will also use Github, OpenProcessing and this Wiki on a frequent basis.

If you want to take part in this course, you should already have:

* created a couple of sketches using [http://www.processing.org Processing]
* registered an account on [http://www.github.com Github] + created a repo containing a Processing app
* registered an account on [http://www.openprocessing.org OpenProcessing] and upload a sketch in processing.js

== Target Audience ==

Bachelor and Master Students of

* Media Art & Design
* Media Architecture
* Visual Communication

== Evaluation ==

Participants are expected to develop their own codes for interpretation or construction of Gestalt. 
Implemenatation as a reactive or interactive program, that is able to perceive or compose visual or accoustic form. 
During the course there will be Assignments where you will be expected to upload your sketches to OpenProcessing and publish the results in this wiki.

==Registration procedure==

Please send your application by email with the Subject ''{{PAGENAME}}'' to: [[Martin Schneider|Martin.Schneider]] (at) uni-weimar.de

* Name, Surname
* program and semester (Studienprogramm und Fachsemester)
* matriculation number (Matrikelnummer)
* Valid email address @uni-weimar.de (no other mailing addresses will be accepted) [[SCC-Services#E-Mail|Why?]]

* Short paragraph outlining your motivation + expectations for this course
* Link to your OpenProcessing, GitHub or other public repo.

== Participants ==

* [[/Andre Faupel|Andre Faupel]]

== Literature ==

'''Online'''
* Dastani M.M. (1998) [http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.51.7632 Languages of Perception]. PHD Thesis, University of Amsterdam
* Prusinkiewicz, Przemyslaw; Lindemeyer, Aristid: [http://algorithmicbotany.org/papers/abop/abop.pdf The Algorithmic Beauty of Plants ] (PDF)

{{Template:Gestalt/Semesterapparat_SS2014}}

[[Category:SS14]]
[[Category:Werkmodul]]
[[Category:Fachmodul]]
[[Category:Martin Schneider]]

User:Andrefaupel

2014-04-06T19:53:19Z

Andrefaupel:

[http://andrefaupel.de .de]

User:Andrefaupel

2013-11-24T15:48:25Z

Andrefaupel:

learning: supercollider,csound,max,pd,java,c++,cinder,processing,javascript, basic comprehension, one-armed-pushups

temp: http://yank3.square7.ch/

Crust

2013-11-24T15:34:45Z

Andrefaupel:

[[File:crust_28-10.mp3]]

File:Crust 28-10.mp3

2013-11-24T15:33:46Z

Andrefaupel:

== Summary ==

== Copyright status: ==

== Source: ==

Crust

2013-11-24T15:31:05Z

Andrefaupel: Created page with "File:Example.jpg"

[[File:Example.jpg]]

User:Andrefaupel

2013-11-24T15:30:27Z

Andrefaupel:

learning: supercollider,csound,max,pd,java,c++,cinder,processing,javascript, basic comprehension, one-armed-pushups

== '''recent''' working titles==

"[[birth]]"

"[[clockwork/deathline]]"

== '''uniproj:''' ==

hatchlings,ghost~,brain.rar,storm system,em1,the truth,soundport,csoundcomp

docs following.

== '''compositions:''' ==

"[[crust]]"

"[[em1]]"

User:Andrefaupel

2013-11-23T22:24:36Z

Andrefaupel:

User:Andrefaupel

2013-11-23T22:11:25Z

Andrefaupel:

learning: supercollider,csound,max,pd,java,c++,cinder,processing,javascript, basic comprehension, one-armed-pushups, cooking without creating a kitchenlike room which looks like the representation of hell

this site is a remainder for me that without order you diverge into little pieces and are doomed forever, ever.ever.ever.

== '''recent''' working titles==

"[[birth]]"

"[[clockwork/deathline]]"

== '''uniproj:''' ==

hatchlings,ghost~,brain.rar,storm system,em1,the truth,soundport,csoundcomp

docs following.

User:Andrefaupel

2013-11-23T21:40:09Z

Andrefaupel:

28,gth,mad 
learning: supercollider,csound,max,pd,java,c++,cinder,processing,javascript, basic comprehension

== '''recent''' working titles==

"[[birth]]"

"[[clockwork/deathline]]"

== '''uniproj:''' ==

hatchlings,ghost~,brain.rar,storm system,em1,the truth,soundport,csoundcomp

docs following.

Clockwork/deathline

2013-11-23T21:39:33Z

Andrefaupel: Created page with ""eclectic, electric!" course"

"eclectic, electric!" course

User:Andrefaupel

2013-11-23T21:03:22Z

Andrefaupel:

28,gth,mad 
learning: supercollider,csound,max,pd,java,c++,cinder,processing,javascript

== '''recent''' working titles==

"[[birth]]"

"[[clockwork/deathline]]"

== '''uniproj:''' ==

hatchlings,ghost~,brain.rar,storm system,em1,the truth,soundport,csoundcomp

docs following.

Birth

2013-11-23T21:02:06Z

Andrefaupel: Created page with ""klangwerkstatt" project WS2013"

"klangwerkstatt" project WS2013

User:Andrefaupel

2013-11-23T21:01:24Z

Andrefaupel:

28,gth,mad
learning: supercollider,csound,max,pd,java,c++,cinder,processing,javascript

== '''recent''' ==

"[[birth]]"

"[[clockwork]]"

== '''uniproj:''' ==

hatchlings,ghost~,brain.rar,storm system,em1,the truth,soundport,csoundcomp

docs following.