IFD:GenerativeBauhaus WS2012/Jenny: Difference between revisions

From Medien Wiki
No edit summary
 
(32 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== Punkt ==
'''Programmcode:'''
'''Programmcode:'''
int x;  
int x;  
Line 32: Line 34:
----
----


[[File:Punkt rechts oben.png]]
[[File:Punkt rechts oben.png|250px]]
[[File:Punkt rechts oben_grau.png]]
[[File:Punkt rechts oben_grau.png|250px]]


----
----


[[File:Punkt rechts oben rand.png]]
[[File:Punkt rechts oben rand.png|250px]]
[[File:Punkt rechts oben rand_grau.png]]
[[File:Punkt rechts oben rand_grau.png|250px]]
 
----
 
[[File:Punkt mitte.png|250px]]
[[File:Punkt mitte_grau.png|250px]]
 
== Linie ==
 
'''Programmcode:'''
 
float angle;
float schnell = 20;
float radius = 0;
float groesse = 10;
 
void setup(){
 
  size(400, 400);
  background(255);
  smooth();
  }
 
void draw(){
 
  translate(width / 2, height / 2);
  rotate(radians(angle));
  strokeWeight(0.2);
  stroke(0, random(255));
  line(random(radius), random(radius), random(groesse), random(groesse));
  groesse += 0.2;
  angle += schnell;
  radius += 0.5;
  }
 
'''Ergebnisse'''


----
----


[[File:Punkt mitte.png]]
[[File:Linen_rotieren.png|250px]]
[[File:Punkt mitte_grau.png]]
[[File:Linen_rotieren2.png|250px]]
 
== Grundformen ==
 
[[File:Bauhaus-Schluessel1.jpg|250px]]
[[File:Bauhaus-Schluessel2.jpg|250px]]
 
== Format ==
 
[[File:Orginal.jpg|250px]]
[[File:Quer.jpg|250px]]
[[File:quer_anders.jpg|250px]]
 
----
 
[[File:quer_anders2.jpg|250px]]
[[File:anders.jpg|250px]]
[[File:Hoch.jpg|150px]]
[[File:Hoch2.jpg|150px]]
 
== Scribbles ==
 
[[File:Scriples.jpg|350px]]
 
== Farben ==
 
'''Programmcode:'''
 
int l = 255; // globale variable könnte auch lokal sein
void setup()
 
{
  size(300,300);
  background(255);
  noLoop();
  noStroke();
}
 
 
void draw()
 
{
  int k = 255; // fester r wert
  background(255);
   
  for ( int i = 10; i <= width - 10; i += 20)
      {
        for ( int j = 10; j <= height - 10; j += 20)
        {
            fill(l,k,l); 
            ellipse(i,j,20,20);
            l--;
        }
      }         
}
 
 
''' Ergebnisse '''
 
[[File:gruen.jpg]]
[[File:rot.jpg]]
[[File:blau2.jpg]]
 
== Farbkontraste ==
 
[[File:Kalt_oder_Warm.jpg|300px]]
[[File:Kalt_oder_Warm2.jpg|300px]]
 
== Endpräsentation ==
 
[[File:Showweel1.jpg]]
[[File:Showweel2.jpg]]
[[File:Showweel.jpg]]

Latest revision as of 11:28, 17 July 2013

Punkt

Programmcode: int x; int y;

void setup()

 {
 background(255); // Hintergrundfarbe festlegen
 smooth(); // Verfeinert Linen
 size(500,500); // Größe festlegen
 
 // erster Punkt
 int x=int(random(500));
 int y=int(random(500)); 
 fill(0);
 stroke(0); // Farbe des Randes ( Antialising )
 ellipse(x, y, 10,10); // Zeichnet eine ellipse

  }

void draw() // Zeichenfunktion

  { if(mousePressed){
  int x=int(random(500));
  int y=int(random(500)); 
  fill(200);
  stroke(200);
  ellipse(x, y, 10,10); // Zeichnet eine ellipse
  }
  }

Ergebnisse


Punkt rechts oben.png Punkt rechts oben grau.png


Punkt rechts oben rand.png Punkt rechts oben rand grau.png


Punkt mitte.png Punkt mitte grau.png

Linie

Programmcode:

float angle; float schnell = 20; float radius = 0; float groesse = 10;

void setup(){

 size(400, 400);
 background(255);
 smooth();
 }

void draw(){

 translate(width / 2, height / 2);
 rotate(radians(angle));
 strokeWeight(0.2);
 stroke(0, random(255));
 line(random(radius), random(radius), random(groesse), random(groesse));
 groesse += 0.2;
 angle += schnell;
 radius += 0.5;
 }

Ergebnisse


Linen rotieren.png Linen rotieren2.png

Grundformen

Bauhaus-Schluessel1.jpg Bauhaus-Schluessel2.jpg

Format

Orginal.jpg Quer.jpg Quer anders.jpg


Quer anders2.jpg Anders.jpg Hoch.jpg Hoch2.jpg

Scribbles

Scriples.jpg

Farben

Programmcode:

int l = 255; // globale variable könnte auch lokal sein void setup()

{

 size(300,300);
 background(255);
 noLoop();
 noStroke();

}


void draw()

{

 int k = 255; // fester r wert
 background(255);
   
 for ( int i = 10; i <= width - 10; i += 20)
      {
       for ( int j = 10; j <= height - 10; j += 20)
        {
           fill(l,k,l);  
           ellipse(i,j,20,20); 
           l--;
        } 
      }           

}


Ergebnisse

Gruen.jpg Rot.jpg Blau2.jpg

Farbkontraste

Kalt oder Warm.jpg Kalt oder Warm2.jpg

Endpräsentation

Showweel1.jpg Showweel2.jpg Showweel.jpg