/* Autor: Ylva Brandt, Juli 2019
*
* Dieses Werk ist lizenziert unter einer Creative Commons Namensnennung - Nicht-kommerziell - Weitergabe unter gleichen Bedingungen
* 4.0 International Lizenz (http://creativecommons.org/licenses/by-nc-sa/4.0/).
* Sie erlaubt Download und Weiterverteilung des vollständigen Werkes unter Nennung meines Namens,
* jedoch keinerlei kommerzielle Nutzung. Die Weitergabe von Bearbeitungen dieses Werkes ist erlaubt, solange ich als Urheber 
* des Originals genannt werde und die auf diesem Werk basierenden neuen Werke unter denselben Bedingungen veröffentlicht werden.  
*/

//x- und y-Koordinate des Balls
int bx = 200;
int by = 150;

//Schritte, um die die x- bzw. y-Koordinate des Balls verändert werden
int deltaX = 5;
int deltaY = 5;


void setup(){
  size(400, 300);
  background(255, 255, 0);
  frameRate(4); //es werden 4 Bilder pro Sekunde gezeichnet, damit der Ball sich nicht zu schnell bewegt und nicht flackert
}

void draw(){
  //das aktuelle Bild wird jedes Mal mit einem Rechteck in der Größe des Fensters und der Hintergrundfarbe überzeichnet
  fill(255, 255, 0);
  rect(0, 0, 400, 300);
  
  //Zeichnen des Balls in Rot
  fill(255, 0, 0);
  circle(bx, by, 20);
  
  //bewegen des Balls um deltaX Schritte in x-Richtung;
  bx = bx + deltaX;
  //bewegen des Balls um deltaY Schritte in y-Richtung;
  by = by + deltaY;
}
