Digital Bauhaus Vorkurs/Projekte/Tobias: Difference between revisions

Digital Bauhaus Vorkurs/Projekte/Tobias (view source)

Revision as of 09:36, 1 February 2011

3,632 bytes added , 1 February 2011

no edit summary

Wessi

351

edits

@@ Line 155: / Line 155: @@
-Ein Kreis springt in dem Fenster herum. Horizontale und vertikale Geschwindigkeit wird bei jedem Mausklick zufällig neu 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.
 [[File:springenderkreis.jpg|200px|thumb|Kreis springt bewegt sich durch das Fenster]]
@@ Line 227: / Line 227: @@
 -------
-Man sieht einen Kreis in der Mitte des Fensters. Im Laufe der Zeit verfremdet sich der Kreis zufällig.
+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.
-[[File:verfremdeterkreis.jpg|300px]]
+[[File:verfremdeterkreis.jpg|300px|thumb|Kreisverfremdung]]
 <source lang="java">
@@ Line 351: / Line 351: @@
 -------
-Viele Ellipsen entstehen und blinken mit Bewegung der Maus vom Mittelpunkt des Fensters aus. 2 Farbtöne dominieren.
+Viele Ellipsen entstehen und blinken mit Bewegung der Maus vom Mittelpunkt des Fensters aus. Es dominieren 2 Farbtöne.
 [[File:bunteellipsen1.jpg|200px]] [[File:bunteellipsen2.jpg|200px]] [[File:bunteellipsen3.jpg|200px]]
@@ Line 417: / Line 417: @@
 --------------
+===Projekt===
+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 die Taste 'M' gedrückt gehalten bewegt sich der Kreis durch das Fenster.
+Die horizontale und auch die vertikale Bewegungsgeschwindigkeit  kann durch '+' zufällig festgelegt werden.
+Durch drücken von 'H' wird der Modus umgeschaltet. Jetzt wird die Spur der Kreise gezeichnet. Je nach Wunsch können Hintergründe gestaltet werden; unter Umständen können auch schöne Raster entstehen.
+Anleitung:
+*Pfeiltasten - manuelle Größenveränderung des Kreises
+*t - zufällige Form/Größe des Kreises
+*f - zufällige Farbe
+*m - Bewegung des Kreises durch das Fenster
+*+ - zufällige horizontale/vertikale Bewegungsgeschwindigkeit
+*h - Umschalten zwischen Zeichnenmodus und Bewegungsmodus
+*Mausbewegung - Kreis folgt der Maus im Fenster
+*Mausklick - Form wird zufällig festgelegt, Farbe wird einmal geändert
+[[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 Raster im Zeichenmodus]]
+<source lang="java">
+float rb = 100;                 //Radius Breite des Kreises
+float rh = 100;                 //Radius Höhe des Kreises
+boolean bgVisible = true;
+float f1 = random(255);         //Farbe des Kreises wir zufällig festgelegt
+float f2 = random(255);
+float f3 = random(255);
+//Position Horizontal des Kreises
+float x= random(0,600);
+//Position Vertikal des Kreises
+float y= random(0,600);
+//horizontale Geschwindigkeit
+float vx = 10;
+//vertikale Geschwindigkeit
+float vy = 10;
+void setup() {
+  size(900,800);
+  background(255);
+  smooth();
+  fill(50);
+}
+void draw() {
+  //fill(50);
+  noStroke();
+  if (bgVisible) {
+    background(255);
+  }
+  ellipse(x,y,rb,rh);
+}
+void keyReleased() {
+  float f1 = random(255);         //Farbe des Kreises wir zufällig festgelegt
+  float f2 = random(255);
+  float f3 = random(255);
+  if (key == 'f' || key == 'F') {
+  fill(f1,f2,f3);
+  }
+  //println("beliebige Taste gedrückt");
+  if (key == CODED) {
+   if (keyCode == UP) {
+     rh = rh + 10;
+   }
+   if (keyCode == DOWN) {
+     rh = rh - 10;
+   }
+   if (keyCode == LEFT) {
+     rb = rb + 10;
+   }
+   if (keyCode == RIGHT) {
+     rb = rb - 10;
+   }
+  }
+  if (rb == rh) {
+    println("Kreis");
+  }else{
+    println("Ellipse");
+  }
+  if (rb <= 20 && rh <= 20) {
+    println("Punkt");
+  }
+  if (key == 't') {
+    rb = random (20,400);
+    rh = random (20,400);
+  }
+  if (key == '+') {
+   vx = random(20,100);
+   vy = random(20,100);
+  }
+  //Hintergrund
+  if (key == 'h') {
+    bgVisible = !bgVisible;
+  }
+}
+void keyPressed() {
+  //background(255);
+  //fill(f1,f2,f3);
+  if(key == 'm') {
+    x = x + vx;
+    y = y + vy;
+      if(y >= height || y <=0){
+       vy = -vy;
+      }
+      if(x >= width || x <=0) {
+        vx = -vx;
+      }
+  }
+}
+void mouseMoved() {
+  x = mouseX;
+  y = mouseY;
+}
+void mousePressed() {
+  if (mousePressed) {
+    fill(f1,f2,f3);
+    rb = random(10,300);
+    rh = random(10,300);
+  }
+}
+</source>