#paulgrimm

Dokumentation

Präsentation:Wasser – Grundlage des Lebens

Dozent:Steffen Klaue  

Studiengang:Game Design

Modul:Generative Gestaltung (Grundlagen)

 Ws16/17 - Semesterprojekt

Paul Grimm

Merlin Himmelheber

Kevin Himmelheber

Idee:

Wir wollten ein Thema für unser Projekt wählen, das von besonderer Wichtigkeit für die Menschheit und das Leben auf der Erde ist und haben uns deshalb entschieden, Wasser als Grundlage allen Lebens darin zu verarbeiten.

Als für uns realisierbares Projekt kam uns ein Schriftzug für dieses Thema in den Sinn, der sich durch die Grundidee (das Wasser) immer stärker zeigt.

Der Schriftzug sollte sich wie ein Wasserbecken füllen können, was in unserem Projekt durch simulierten Regen geschieht.

Im Vordergrund der Bildkomposition haben wir Gras (das durch das Wasser am Leben erhalten wird) platziert.

 Mögliche Einsatzgebiete:

-Videovorschau zu einer Website, die sich mit dem Thema Wasser beschäftigt. Vielleicht als Teil einer Slideshow von Videos, einer Serie.

-Werbeeinblendung für eine Kampagne, oder Aktion für sparsamen Umgang mit Wasser

-etc.

Processing-code:

/* WASSER - Grundlage des Lebens Paul Grimm, Kevin Himmelheber, Merlin Himmelheber WS16/17 1. Semesterprojekt */

//Menge der Tropfen drop[] drops = new drop[100];

DropFont[] dropFont = new DropFont[2000];

PImage BG; PImage Schrift1; PImage Schrift2; PImage Schrift3; PImage Schrift4; PImage Schrift5; PImage VG;

//PFont wasser; //PFont grund;

int dropOnFont = 0; int wichFont = 0; void setup() {  size(500, 500);  for (int i = 0; i < dropFont.length; i++) {    dropFont[i] = new DropFont();  }  for (int i = 0; i < drops.length; i++) {    drops[i] = new drop();  }  imageMode(CENTER);  BG=loadImage("BG_Raindrops.jpg");   //Bilder laden  Schrift1=loadImage("SchriftCoding1.png");  Schrift2=loadImage("SchriftCoding2.png");  Schrift3=loadImage("SchriftCoding3.png");  Schrift4=loadImage("SchriftCoding4.png");  Schrift5=loadImage("SchriftCoding5.png");  VG=loadImage("VG.png");    //alle Bilder da  //Hintergrundbild benutzen  //wasser = loadFont("AGaramondPro-BoldItalic-48.vlw");  //grund = loadFont("AGaramondPro-BoldItalic-48.vlw"); }

void draw() {

 if (frameCount % (60 * 10) == 0) {    //Variable, wann das nächste Schriftbild gefragt werde soll(60*10= alle 10 Sekunden)    wichFont++; //Variable wird alle 10 Sek +1 gesetzt

   if (wichFont >=4)    //Weil 5 Schriftbilder, öert die Variable nach 5 mal setzen auf sich zu erhöhen      wichFont = 4;  }

 background(BG);  //background(202, 225, 255);

 //  fill(255);  //Wasser Schrift  //  textFont(wasser);  //textSize(60);  //text("Wasser", 30, 220);

 //Grundstein Schrift  // textFont(grund);  //textSize(25);  //text("Grundstoff des Lebens", 220, 220);

 //Tropfen zeigen und fallen lassen und farbe pruefen  for (int i = 0; i < drops.length; i++) {    drops[i].fall();    drops[i].checkColor();    drops[i].show();

   if (drops[i].move == false) {      if (dropOnFont < dropFont.length) {        dropOnFont++;        dropFont[dropOnFont].setCoordinates(drops[i].x, drops[i].y+drops[i].leng);        drops[i].startMove();      }    }  }  println(dropOnFont);  for (int i = 0; i < dropFont.length; i++) {    dropFont[i].display();  }  image(VG, 250, 250); } class DropFont {  float x, y;

 void display() {    fill(#0C1C29);    ellipse(x, y, 1, 1);  }  DropFont() {    x = -10;    y = -10;  }  void setCoordinates(float _x, float _y) {    x = _x;    y = _y;  } }

class drop {

 float x = random(width), y = random(-200, 100), z = random(0, 20);  float leng = map(z, 0, 20, 10, 20);  float yspeed = map(z, 0, 20, 4, 10);  color c;  boolean move = true;

 void fall() {

   if (move) {      y = y + yspeed/1;    }    float gravity = map(z, 0, 20, 0, 0.2);    yspeed += gravity;

   if (y > height) {      y = random(-200, -100);      x = random(width);      yspeed = map(z, 0, 20, 4, 10);    }  }

 void checkColor() {    // c = img1.get(int(x), int(y));

   if (wichFont == 0) {      c = Schrift1.get(int(x), int(y+leng));    }    if (wichFont == 1) {      c = Schrift2.get(int(x), int(y+leng));    }    if (wichFont == 2) {      c = Schrift3.get(int(x), int(y+leng));    }    if (wichFont == 3) {      c = Schrift4.get(int(x), int(y+leng));    }    if (wichFont == 4) {      c = Schrift5.get(int(x), int(y+leng));    }    // println(c);

   if (c == -1) {      stopMove();    }  }  void startMove() {    move = true;  }

 void stopMove() {    move = false;  }  void show() {    float thick = map(z, 0, 20, 1, 3);    strokeWeight(thick);    stroke(#244650);

   line(x, y, x, y+leng);  } }