12,297
edits
Digital Bauhaus Vorkurs/Projekte/Tobias (view source)
Revision as of 17:06, 1 February 2011
, 1 February 2011cleanup
No edit summary |
m (cleanup) |
||
| Line 6: | Line 6: | ||
[[File:generativesdesign3.jpg||400px]] | [[File:generativesdesign3.jpg||400px]] | ||
<br clear="all" /> | |||
--------- | --------- | ||
[[File:patchtunnel1.jpg|200px|thumb|einzelne Kreise bzw. der variable Bereich]] [[File:patchtunnel2.jpg|200px|thumb|langsame Bewegung - schnelle Bewegung]] | [[File:patchtunnel1.jpg|200px|thumb|einzelne Kreise bzw. der variable Bereich]] [[File:patchtunnel2.jpg|200px|thumb|langsame Bewegung - schnelle Bewegung]] | ||
Durch klicken der Maus werden an der Mausposition Kreise gezeichnet. Die Größe des Kreises/Ellipsen variiert in einem begrenzten Bereich durch die Zufallsfunktion. Je langsamer man die Maus mit gedrückter Taste bewegt, desto dichter werden die Kreise. Ein „Tunnel“ wird sichtbar. | |||
<source lang="java"> | <source lang="java"> | ||
float x; | float x; | ||
float y; | float y; | ||
| Line 40: | Line 36: | ||
} | } | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||
-------- | -------- | ||
[[File:patchkreisgroeße.jpg|200px|thumb|Durch horizontale bzw vertikale Bewegung verändert sich jeweils ein Kreis]] | |||
Es entstehen 2 Ellipsen, deren Größenparameter sich durch Mausbewegung verändern lassen. | Es entstehen 2 Ellipsen, deren Größenparameter sich durch Mausbewegung verändern lassen. | ||
<source lang="java"> | <source lang="java"> | ||
void setup() { | void setup() { | ||
size(600,600); | size(600,600); | ||
| Line 66: | Line 57: | ||
ellipse(400,300,100,mouseY); | ellipse(400,300,100,mouseY); | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||
----------- | ----------- | ||
[[File:patchrotation1.jpg|200px|thumb|Wahl zwischen 4 verschiedenen Linienlängen]] [[File:patchrotation2.jpg|200px|thumb|zufällige Rotationsgeschwindigkeit]] [[File:patchrotation3.jpg|200px|thumb|zufällige Linienlänge]] [[File:patchrotation4.jpg|200px|thumb|Mausbewegung bei höherer Rotationsgeschwindigkeit]] | |||
Bei gedrückter Maustaste werden rotierende Linien um die Mausposition gezeichnet. So entstehen Kreise, Halbkreise oder auch nur einzelne Kreissektoren. | Bei gedrückter Maustaste werden rotierende Linien um die Mausposition gezeichnet. So entstehen Kreise, Halbkreise oder auch nur einzelne Kreissektoren. | ||
Anleitung: | Anleitung: | ||
| Line 92: | Line 74: | ||
<source lang="java"> | <source lang="java"> | ||
float linienlaenge = 50; | float linienlaenge = 50; | ||
float winkel = 0; | float winkel = 0; | ||
| Line 140: | Line 121: | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||
--------- | --------- | ||
[[File:springenderkreis.jpg|200px|thumb|Kreis springt bewegt sich durch das Fenster]] | |||
Ein Kreis springt in dem Fenster herum. Horizontale und vertikale Geschwindigkeit, Farbe und Größe des Kreises werden bei jedem Mausklick zufällig festgelegt. | Ein Kreis springt in dem Fenster herum. Horizontale und vertikale Geschwindigkeit, Farbe und Größe des Kreises werden bei jedem Mausklick zufällig festgelegt. | ||
<source lang="java"> | <source lang="java"> | ||
//Position Horizontal des Kreises | //Position Horizontal des Kreises | ||
float x= random(0,600); | float x= random(0,600); | ||
| Line 185: | Line 153: | ||
} | } | ||
void draw() { | |||
void draw() { | |||
background(255); | background(255); | ||
fill(r,g,b); | fill(r,g,b); | ||
| Line 204: | Line 169: | ||
vx = -vx; | vx = -vx; | ||
} | } | ||
} | } | ||
| Line 221: | Line 183: | ||
} | } | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||
------- | ------- | ||
[[File:verfremdeterkreis.jpg|300px|thumb|Kreisverfremdung]] | |||
Man sieht einen Kreis in der Mitte des Fensters. Im Laufe der Zeit verfremdet sich der Kreis zufällig. Es entstehen neuartige Formen; auch Überschneidungen von Linien sind möglich. | Man sieht einen Kreis in der Mitte des Fensters. Im Laufe der Zeit verfremdet sich der Kreis zufällig. Es entstehen neuartige Formen; auch Überschneidungen von Linien sind möglich. | ||
<source lang="java"> | <source lang="java"> | ||
import processing.pdf.*; | import processing.pdf.*; | ||
boolean recordPDF = false; | boolean recordPDF = false; | ||
| Line 246: | Line 204: | ||
boolean filled = false; | boolean filled = false; | ||
boolean pause = false; | boolean pause = false; | ||
void setup(){ | void setup(){ | ||
| Line 260: | Line 217: | ||
y[i] = sin(angle*i) * initRadius; | y[i] = sin(angle*i) * initRadius; | ||
} | } | ||
stroke(3); | stroke(3); | ||
background(255); | background(255); | ||
} | } | ||
void draw(){ | void draw(){ | ||
| Line 274: | Line 229: | ||
// ellipse(x[i], y[i], 5, 5); | // ellipse(x[i], y[i], 5, 5); | ||
} | } | ||
beginShape(); | beginShape(); | ||
| Line 339: | Line 292: | ||
else loop(); | else loop(); | ||
} | } | ||
// timestamp | // timestamp | ||
| Line 346: | Line 298: | ||
return String.format("%1$ty%1$tm%1$td_%1$tH%1$tM%1$tS", now); | return String.format("%1$ty%1$tm%1$td_%1$tH%1$tM%1$tS", now); | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||
------- | ------- | ||
[[File:bunteellipsen1.jpg|200px|thumb|Größe der Ellipsen wird durch Mausposition bestimmt]] | |||
[[File:bunteellipsen2.jpg|200px|thumb|Grün und Orange liegen sich bei Ittens Farbkreis fast gegenüber]] | |||
[[File:bunteellipsen3.jpg|200px|thumb|Durch einzelne Klicks werden nur einzelne Kreise gezeichnet]] | |||
Viele Ellipsen entstehen und blinken mit Bewegung der Maus vom Mittelpunkt des Fensters aus. Es dominieren 2 Farbtöne. | Viele Ellipsen entstehen und blinken mit Bewegung der Maus vom Mittelpunkt des Fensters aus. Es dominieren 2 Farbtöne. | ||
Anleitung: | Anleitung: | ||
*Maus gedrückt - es entstehen Kreise/Ellipsen in zufälligen Grün- und Orangetönen | *Maus gedrückt - es entstehen Kreise/Ellipsen in zufälligen Grün- und Orangetönen | ||
*c - löschen | *c - löschen | ||
<source lang="java"> | <source lang="java"> | ||
void setup() { | void setup() { | ||
size(screen.width,screen.height); | size(screen.width,screen.height); | ||
| Line 370: | Line 320: | ||
} | } | ||
void draw (){ | void draw (){ | ||
| Line 381: | Line 330: | ||
ellipse(width/2,height/2,mouseX,mouseY); | ellipse(width/2,height/2,mouseX,mouseY); | ||
} | } | ||
} | } | ||
| Line 389: | Line 337: | ||
} | } | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||
-------- | -------- | ||
[[File:wkreismp.jpg|200px|thumb|Kreis aus Linien mit gedrückter Maustaste um dn Innenkreis]] | |||
[[File:wkreismp1.jpg|200px|thumb|Abhängig von der Mausbewegung entsteht der Außenkreis]] | |||
[[File:wkreismp2.jpg|200px|thumb|durch kurze Klicks entstehen nur einzelne Linien um den Innenkreis]] | |||
Im Zentrum des Kreises ist ein weißer Kreis. Beim klicken und verschieben der Maus werden Linien zum Kreismittelpunkt gezeichnet. Somit erkennt man in der Mitte den weißen Kreis und hat die Möglichkeit, durch Linien einen 2. Kreis außenherum zu zeichnen. | Im Zentrum des Kreises ist ein weißer Kreis. Beim klicken und verschieben der Maus werden Linien zum Kreismittelpunkt gezeichnet. Somit erkennt man in der Mitte den weißen Kreis und hat die Möglichkeit, durch Linien einen 2. Kreis außenherum zu zeichnen. | ||
<source lang="java"> | <source lang="java"> | ||
void setup (){ | void setup (){ | ||
size(1000,800); | size(1000,800); | ||
| Line 432: | Line 373: | ||
} | } | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||
==Projekt== | |||
[[File:kreisprojekt1.jpg|200px|thumb|Kreis mit zufälliger Größe und Frabe im Bewegungsmodus]] | |||
[[File:kreisprojekt2.jpg|200px|thumb|Veränderung der Parameter im Zeichnenmodus]] [[File:kreisprojekt3.jpg|200px|thumb|Entstandenes Muster im Zeichenmodus]] | |||
In meinem Abschlussprojekt habe ich versucht sehr viele Kreise/Ellipsen mit verschiedenen Funktionen zu schaffen. Wobei man hier zwischen 2 Modi hin- und herschalten kann. | In meinem Abschlussprojekt habe ich versucht sehr viele Kreise/Ellipsen mit verschiedenen Funktionen zu schaffen. Wobei man hier zwischen 2 Modi hin- und herschalten kann. | ||
Wird das Fenster geöffnet wird ein grauer Kreis bei der momentenen Mausposition sichtbar. Durch die Pfeiltasten lässt sich die größe manuell steuern. Per Tastendruck können Farbe und Form zufällig festgelegt werden. | Wird das Fenster geöffnet wird ein grauer Kreis bei der momentenen Mausposition sichtbar. Durch die Pfeiltasten lässt sich die größe manuell steuern. Per Tastendruck können Farbe und Form zufällig festgelegt werden. | ||
| Line 462: | Line 386: | ||
Anleitung: | Anleitung: | ||
*Pfeiltasten - manuelle Größenveränderung des Kreises | * Pfeiltasten - manuelle Größenveränderung des Kreises | ||
*t - zufällige Form/Größe des Kreises | * t - zufällige Form/Größe des Kreises | ||
*f - zufällige Farbe | * f - zufällige Farbe | ||
*m - Bewegung des Kreises durch das Fenster | * m - Bewegung des Kreises durch das Fenster | ||
*+ - zufällige horizontale/vertikale Bewegungsgeschwindigkeit | * + - zufällige horizontale/vertikale Bewegungsgeschwindigkeit | ||
*h - Umschalten zwischen Zeichnenmodus und Bewegungsmodus | * h - Umschalten zwischen Zeichnenmodus und Bewegungsmodus | ||
*Mausbewegung - Kreis folgt der Maus im Fenster | * Mausbewegung - Kreis folgt der Maus im Fenster | ||
*Mausklick - Form wird zufällig festgelegt, Farbe wird einmal geändert | * Mausklick - Form wird zufällig festgelegt, Farbe wird einmal geändert | ||
<source lang="java"> | <source lang="java"> | ||
float rb = 100; //Radius Breite des Kreises | float rb = 100; //Radius Breite des Kreises | ||
float rh = 100; //Radius Höhe des Kreises | float rh = 100; //Radius Höhe des Kreises | ||
| Line 497: | Line 413: | ||
//vertikale Geschwindigkeit | //vertikale Geschwindigkeit | ||
float vy = 10; | float vy = 10; | ||
void setup() { | void setup() { | ||
| Line 505: | Line 419: | ||
smooth(); | smooth(); | ||
fill(50); | fill(50); | ||
} | } | ||
void draw() { | void draw() { | ||
| Line 516: | Line 428: | ||
} | } | ||
ellipse(x,y,rb,rh); | ellipse(x,y,rb,rh); | ||
} | } | ||
| Line 529: | Line 438: | ||
fill(f1,f2,f3); | fill(f1,f2,f3); | ||
} | } | ||
//println("beliebige Taste gedrückt"); | //println("beliebige Taste gedrückt"); | ||
| Line 591: | Line 499: | ||
vx = -vx; | vx = -vx; | ||
} | } | ||
} | } | ||
} | } | ||
void mouseMoved() { | void mouseMoved() { | ||
x = mouseX; | x = mouseX; | ||
| Line 611: | Line 515: | ||
} | } | ||
</source> | </source> | ||
<br clear="all" /> | |||