Logische Operatoren

Mit logischen Operatoren kann man komplexere Bedingungen schreiben. Dafür gibt es den Und-Operator (&&) und den Oder-Operator (||). Mit ihnen kann man mehrere Einzelteile zu einer einzigen großen Bedingung verknüpfen.

In diesem Beispiel muss die erste und die zweite Bedingung erfüllt sein

function draw() {
    clear();
    if (mouseX > 100 && mouseX < 200) {
        background(255, 0, 255);
    }
}

In nächsten Beispiel muss die erste oder die zweite Bedingung erfüllt sein. Würde man beide Bedingungen mit und verknüpfen, wäre die Bedingung nie erfüllt, weil die Maus nicht gleichzeitig an zwei Positionen sein kann.

function draw() {
    clear();
    if (mouseX < 100 || mouseX > 200) {
        background(255, 0, 255);
    }
}

Aufgabe

Für die Aufgaben arbeiten Sie bitte in G1C 02 Interaktion Vorname Nachname.

Erweitern Sie selfie-conditional-animation.js.

Animieren Sie Ihr Emoji von Links nach rechts und wieder zurück. Es soll endlos hin und her fliegen.

Aufgabe

Bauen Sie einen Button. Zeichnen Sie dafür ein Rechteck und schreiben Sie eine if-Bedinung: wenn man innerhalb des Rechtecks klickt, soll etwas in der console ausgegeben werden. Klickt man an beliebiger anderer Stelle, soll es keine Ausgabe geben.

Benutzen Sie dafür if-Statements, die Maus-Position und logische Operatoren. Benennen Sie die Datei button.js.

Vergessen Sie nicht, Ihre Ergebnisse zu committen und zu pushen! Abgabe bis 16.11.2022 / 18:00 Uhr via Gitlab.