Medien Wiki - User contributions [en]

IFD:All Hail The Pixels/designs

2014-11-21T11:28:37Z

Kiso8235: /* Group B */

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

=Gideon Bielewski=

<gallery>

File:patternBild1Bielewski.png| one status
File:patternBild2Bielewski.png| another status

</gallery>
<source lang="c">
//sets the rotationspeed of the pattern
float rotationVal = 0.5;

//these numbers change the complexity of the pattern
float parts = 2; //take a number between 1-10
float parts2 = 2; //take a number between 1-10

//these numbers change the complexity of the form
float manipulation = 100; //take a number between 1-200
float manipulation2 = 200; //take a number between 1-200

//changes the impact of a mouseClick
int mouseVal = 60;
//mouseVal > value
//sets the starting transformation value
int value = 30;

void setup(){

size(1000, 500,P3D);
//frameRate = 24;

}

void draw(){

translate(width*0.5, height*0.5, mouseX);
background(255);

for(int i = 0; i < 10 ; i++){
rotate(rotationVal* -mouseX/20);
translate(0, 10);
pattern();
rotate(rotationVal* -mouseY/20);
translate(0, 10, mouseY/20);
pattern();

}
}
void mouseClicked() {
if (value == mouseVal) {
value = 0;
} else {
value = mouseVal;

}
}
void pattern(){

for(int i = 0; i < parts2 ; i++){
pattern1();
translate(value,mouseX);

}

}

void pattern1(){
for(int i = 0; i < parts ; i++){
rotate(manipulation);
rotate(manipulation2);
line (0,10*i, 100, 0);
line (0,10*i, 100, 100);
pushMatrix();
rotate(rotationVal/8);
popMatrix();

}
}

</source>
==Group B==

'''EMIR GENC'''

[[File:HEXA_WHITE.png]]
[[File:HEXA_BLACK.png]]

void setup() {

size(500, 500);
}

void draw() {

if (mousePressed) {
background(0);
} else {
background(255);
}

noFill();

float o=40;
float p=15;

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

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

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

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

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

if (mousePressed) {
stroke(255);
} else {
stroke(0);
}

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();
}

'''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 );
}

'''Afroditi Manari'''

[[File:Afro_pattern.jpg ]]

color blue=color (22, 131, 201);

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

void draw() {
background(blue);
noFill();
float o=40;
float p=10;

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

if (mouseX <250) {
drawHexagon(x, y, p);
drawHexagon(x+o+o*sin(PI/6), y+o*cos(PI/6), p);
} else {
drawHexagon(x, y, p+10);
drawHexagon(x+o+o*sin(PI/6), y+o*cos(PI/6), p+10);
}
}
}

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

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

void mousePressed() {
blue +=10;
}

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

if (mousePressed) {
stroke(255);
} else {
stroke(0);
}

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();
}

'''ISIL ONURSAL'''

[[File:isilonursal_.jpg]]

void setup(){

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

}

void draw(){
if (mousePressed);{
background(129, 130, 87);
noFill();
strokeWeight(4);
stroke(174, 221, 60);
}

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

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

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 );

float dimension = mouseX;

if (mousePressed) {
triangle (dimension,dimension,dimension,dimension);

}
else {
stroke (0);
fill (255);
}
}

==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:Isilonursal .jpg

2014-11-21T11:20:58Z

Kiso8235: Replaced content with "== Copyright status: == == Source: =="

== Copyright status: ==

== Source: ==

File:Isilonursal .jpg

2014-11-21T10:44:57Z

Kiso8235: void setup(){ size(500,500); background(255); } void draw(){ if (mousePressed);{ background(129, 130, 87); noFill(); strokeWeight(4); stroke(174, 221, 60); } float o=60; for(int x=0; x<500; x+=2*o+2*o*sin(PI/6)){ for(in

== Summary ==
void setup(){

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

}

void draw(){
if (mousePressed);{
background(129, 130, 87);
noFill();
strokeWeight(4);
stroke(174, 221, 60);
}

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

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

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 );

float dimension = mouseX;

if (mousePressed) {
ellipse (dimension,dimension,dimension,dimension);

}
else {
stroke (0);
fill (255);
}
}

== Copyright status: ==

== Source: ==

IFD:All Hail The Pixels/ResearchPixelProjects

2014-11-16T16:39:47Z

Kiso8235: /* Isil Onursal */

== Introduction Presentation ==

* MECHANICAL MIRRORS by Daniel Rozin

* WIND DRIVEN FACADES by Ned Kahn Studios

* 3D DISPLAY CUBE by James Clar

* BLINKENLIGHTS by CCC

* BIX SPOTS by REALITIES:UNITED

* KINETIC SCULPTURES by ART+COM

* BIT.FALL by Julius Popp

* FERROFLUID SCULPTURES by Sachiko Kodama

* HYPERMATRIX by Jonpasang

* CLOUD by Troika

* PIXEL TRACK by Berg

* PAPER PIXELS by Aram Bartholl

* LEGO PIXELS - FELL IN LOVE WITH A GIRL by Michel Gondry

* LUMINOUS SCULPTURE by FELD

== Nielek ==

* SIX-FORTY BY FOUR-EIGHTY (Zigelbaum+Coehlo) [http://fluid.media.mit.edu/projects/six-forty-four-eighty]

* PIXELBOTS (Disney Research) [http://www.disneyresearch.com/project/pixelbots/]

* FLYFIRE (MIT Senseable City Lab) [http://senseable.mit.edu/flyfire/]

* SPAXELS (Ars Electronica Future Lab) [http://www.aec.at/aeblog/en/2013/12/17/lichtmalereien-mit-spaxels/]

==Carina Weiß==

* Pixels, Carlton Melbourne (Studio 505) [http://www.studio505.com.au/work/project/pixel/8]

* Pixel Surfaces (Giles Miller) [http://gilesmiller.com/]

* Pixel, Pomp und Prosperität (Za Bor) [http://www.designlines.de/projekte/Pixel,-Pomp-und-Prosperitt_10316105.html]

==Maria Estel==

* Museum Brandhorst, München (Sauerbruch Hutto) [http://www.museum-brandhorst.de/de/gebaeude/architektur.html] [http://www.muenchen.de/sehenswuerdigkeiten/orte/119302.html#/]

* Mäandernde Pixel, Oslo (MVRDV) [http://www.baunetz.de/meldungen/Meldungen-Buerokomplex_von_MVRDV_in_Oslo_3035381.html]

* Twilight, Englang/Germany (Helen Evans and Heiko Hansen) [http://www.electrohype.org/electrohype2002/artist/evans_hansen.html]

== Jorgelina ==

* PLAY THE HOUSE by Håkan Lidbo [http://playthehouse.com/]

== Afroditi ==

* SMSlingshot by VR/Urban (pixelated splat) [http://www.vrurban.org/smslingshot.html]

* LED Throwies by Graffiti Research Lab [http://www.graffitiresearchlab.com/blog/projects/led-throwies/#video] [https://www.youtube.com/watch?v=TrnLF04qmsM]

* Prototyping Urban Interfaces by Marius Hoggenmüller (interactive firework) [http://vimeo.com/81270931]

* Van Gogh-Roosegaarde cycle path by Studio Roosegaarde and Heijmans [http://www.heijmans.nl/en/] [https://www.studioroosegaarde.net/project/van-gogh-bicycle-path/]

== Isil Onursal ==

* Puzzle Facade by Javier LLoret [http://interactive.javierlloret.com/puzzlefacade/]

* BILDER mEINER AUSSTELLUNG by Christoph Cech [http://www.eye-candy.tv/2011/05/26/bilder-meiner-ausstellung/]

* LA VITRINE by Moment Factory [http://www.momentfactory.com/en/project/street/La_Vitrine/_/_/_]

* Pixels film by Patrick Jean [http://patrick-jean.allo-infopc.com/archives/portfolio/pixels-7]

== Dhora Tego ==

* Kinetic Sculpture - Fisher Technical Services, Inc.[https://www.youtube.com/watch?v=5tCxMLjOCgc]

* EXPO2012: GS Caltex Pavilion[https://www.youtube.com/watch?v=uPqAhWRiUf0]

* GreenPix - Dynamic Architecture[https://www.youtube.com/watch?v=J_tjLUUW4So]

== Dima Meiqari ==

* Spanish Pavilion Expo AICHI 2005
[http://europaconcorsi.com/projects/272168-FOA-Alejandro-Zaera-Polo-Farshid-Moussavi-Spanish-Pavilion]

* Ravensbourne College by Foreign Office Architects
[http://www.dezeen.com/2010/09/13/ravensbourne-college-by-foreign-office-architects/]

== Fernando Millan ==
* PIXEL DROP INSTALLATION SAINT ETIENNE
[https://www.youtube.com/watch?v=2Q-biRXMNoU]
[http://www.dts-lighting.com/media/files/4d01684ee8_418_0517m056.gb.pdf]

* Pixel Mapping Montreal 2011
[https://www.youtube.com/watch?v=lf5WYqzhgYA]

==Hain-Ruey Chan==
* Trash Mirror (2001) by Daniel Rozin [http://www.smoothware.com/danny/newtrashmirror.html]

* "Deadline" Post-it Stop Motion Animation (2009) by Bang-Yao Liu [http://bangyaoliu.com/projects/deadline/]

*LINZ 2012 / KLANGWOLKE by Spaxels [http://www.aec.at/spaxels/shows/linz-klangwolke-2012/]

*Dynamic Media Façade renews Confederation of Danish Industry in the Heart of Copenhagen [https://www.youtube.com/watch?v=v-MHAISEjw4]

IFD:All Hail The Pixels/ResearchPixelProjects

2014-11-12T16:43:41Z

Kiso8235: /* Afroditi */

IFD:All Hail The Pixels/ResearchPixelProjects

2014-11-12T16:43:10Z

Kiso8235: /* Isil Onursal */

IFD:All Hail The Pixels/ResearchPixelProjects

2014-11-12T16:41:44Z

Kiso8235: /* Afroditi */

IFD:All Hail The Pixels

2014-11-07T13:23:00Z

Kiso8235: /* Workgroups */

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
|-
| Sorayya Akbaritakhtmeshloo
| sorayya.akbaritakhtmeshloo@uni-weimar.de
|-
| Hesam Jannesarsheykh Marjan
| jannesar.hesam@gmail.com
|}

{| 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
|-
| Dhora tego
| dhoratego@gmail.com
|-
| Majd Murad
| majdm@icloud.com
|}

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

IFD:All Hail The Pixels

2014-10-28T17:51:01Z

Kiso8235: /* Workgroups */

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
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|}

{| class="wikitable"
|+Group B
! Isil Onursal
! isil.onursal@uni-weimar.de
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
| Your name
| Your email
|-
|
| Your email
|}

{| class="wikitable"
|+Group C
! 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 D
! 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 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]]