|
|
| Zeile 70: |
Zeile 70: |
|
| |
|
| {{Warnung|Der statische und der aktive Modus sollten nicht vermischt werden! Sobald du <code>setup()</code> oder <code>draw()</code> benutzt, sollten alle Befehle innerhalb der geschweiften Klammern stehen.}} | | {{Warnung|Der statische und der aktive Modus sollten nicht vermischt werden! Sobald du <code>setup()</code> oder <code>draw()</code> benutzt, sollten alle Befehle innerhalb der geschweiften Klammern stehen.}} |
|
| |
| == Interaktionen ==
| |
|
| |
| Im aktiven Modus sind nun Interaktionen sehr leicht umsetzbar.
| |
|
| |
| {{Aufgabe:Start|Icon=Processing_2021_logo.svg}}
| |
| # Studiere das folgende Programm, probier es dann aus und erkläre seine Funktionsweise.
| |
| #: <syntaxhighlight lang="java" lines="1">
| |
| void setup() {
| |
| size(200,200);
| |
| }
| |
|
| |
| void draw() {
| |
| circle(mouseX, mouseY, 20);
| |
| }
| |
| </syntaxhighlight>
| |
| # Ergänze den Befehl <code>background(200);</code> in <code>draw()</code> vor <code>circle()</code>. Erkläre die Veränderung des Programms.
| |
| # Verschiebe den <code>background()</code> Befehl hinter <code>circle()</code>. Deckt sich deine Beobachtung mit deiner Vermutung?
| |
| {{Aufgabe:End}}
| |
|
| |
| <p5js height="300">https://preview.p5js.org/Ngb/embed/pXnhhpMqM</p5js>
| |
|
| |
| == Übungsaufgaben ==
| |
| {{Aufgabe:Start|Icon=Processing_2021_logo.svg}}
| |
| -
| |
| {{Aufgabe:End}}
| |