Projektlabor Robotik MINTgrün

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
====== Processing ======
Processing ist eine Programmierumgebung für Java, die für bildende KünstlerInnen entwickelt wurde. Sie glänzt insbesondere mit einer übersichtlichen Oberfläche, einfachen Funktionen zur Grafikausgabe und einem Haufen per Mausklick installierbarer Libraries, die alle möglichen interessanten Funktionen zur Verfügung stellen.

Damit ist Processing ideal geeignet, um ein graphisches Interface zu eurem Roboter zu bauen.
===== Installation =====
  * Ladet euch hier [[https://processing.org/download/]] die Software herunter. Nehmt am besten die 32bit-Version, egal was für ein Betriebsystem oder Computer ihr habt. (Die macht weniger Probleme mit externen Libraries)
  * entpackt das .zip-Datei an einen Ort, wo ihr sie haben wollt
  * Startet Processing mit einem Doppelclick auf die Entpackte ".exe" Datei.



===== Erste Schritte: Eine diagonale Linie =====
Das, was in Arduino ''setup'' und ''loop'' sind, heisst in Processing ''setup'' und ''draw''

Dieses Programm zeichnet eine Linie, die diagonal einmal quer durch das Bild geht:

<file java Liniezeichnen.pde>
void setup(){
  size(400, 400);
  background(255);
}

void draw(){
  for (int i = 0; i < 400; i++) {
    point(i, i);
  }
}
</file>

Das gleiche kann auch ohne for-Schleifen mit einer globalen Variable gemacht werden. Wie geht das?


===== Erste Schritte: Ein wandernder Punkt =====

Das folgende Programm zeichnet einen Kreis um den Koordinatenursprung:

<file java Kreiszeichnen.pde>
float angle=0;
float radius=50;
void setup(){

}

void draw(){
  point(cos(angle)*radius,sin(angle)*radius);
  angle+=0.01;
}
</file>

Damit die Bewegung kontinuierlich angezeigt wird, muss in jedem "draw" Aufruf ein Punkt gezeichnet werden (also keine Schleife).



===== Eine Sinuskurve =====

Jetzt wollen wir eine aus Punkten zusammengesetzte Sinuskurve zeichnen, die das Fenster genau ausfüllt. 
Auf der x-Achse sollen die Winkelwerte zwischen 0 und 2π angezeigt werden. Auf der y-Achse die Sinuswerte zwischen -1 und 1. 
Die x-Koordinate wird in die Zahl zwischen 0 und 2π umgerechnet:
<code java>
float angle = xCoordinate * TWO_PI / windowWidth;
</code>


<file java Sinuskurvezeichnen.pde>

void setup() {
  size(600, 400);
  background(255);
}

void draw() {
  for (int i = 0; i < 600; i++) {
    float angle = i * TWO_PI / 600;
    float xValue = i;
    float yValue = sin(angle) * 200 + 200; 
    // der Koordinatenursprung wird um die halbe Hoehe verschoben, 
    // damit der Wertebereich <0 auch sichtbar ist. 
    point(xValue, yValue);
  }
}
</file>


<code java>
int xCenter = 300;
int yCenter = 200;

void setup() {
  size(600, 400);
}

void draw() {
  clear();
  background(255);
  line(xCenter, yCenter, mouseX, mouseY);
}
</code>
Projektlabor Robotik MINTgrün

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge
