Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
skript:grafikmitprocessing [2017/11/07 20:51] d.golovko |
skript:grafikmitprocessing [2018/11/07 17:36] (aktuell) luismeixner |
||
---|---|---|---|
Zeile 5: | Zeile 5: | ||
===== Installation ===== | ===== 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) | * 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 | + | * entpackt die .zip-Datei an einen Ort, wo ihr sie haben wollt |
* Startet Processing mit einem Doppelclick auf die Entpackte ".exe" Datei. | * Startet Processing mit einem Doppelclick auf die Entpackte ".exe" Datei. | ||
- | ===== Erste Schritte: Ein wandernder Punkt ===== | ||
- | Das, was in Arduino ''setup'' und ''loop'' sind, heisst in Processing ''setup'' und ''draw'' | ||
- | So zeichnet z.B. das folgende Programm einen Kreis um den Koordinatenursprung: | ||
- | <file java Kreiszeichnen.pde> | ||
- | float angle=0; | ||
- | float diameter=50; | ||
- | void setup(){ | ||
- | |||
- | } | ||
- | |||
- | void draw(){ | ||
- | point(cos(angle)*diameter,sin(angle)*diameter); | ||
- | angle+=0.01; | ||
- | } | ||
- | </file> | ||
- | |||
- | Damit die Bewegung kontinuierlich angezeigt wird, muss in jedem "draw" Aufruf ein Punkt gezeichnet werden (also keine Schleife). | ||
===== Erste Schritte: Eine diagonale Linie ===== | ===== 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: | Dieses Programm zeichnet eine Linie, die diagonal einmal quer durch das Bild geht: | ||
Zeile 44: | Zeile 28: | ||
</file> | </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). | ||
Zeile 75: | Zeile 80: | ||
} | } | ||
</file> | </file> | ||
+ | |||