Drehung

Man kann aber das Raster nicht nur bewegen, man kann es auch mithilfe der Funktion rotate() drehen. Diese Funktion benötigt genau einen Parameter, nämlich degrees: die Gradzahl, um die gedreht werden soll.

In der Version von ProcessingJS, die wir auf Khan Academy verwenden, sind alle mit Drehung zusammenhängenden Funktionen standardmäßig für Grad konfiguriert, jedoch können sie auch auf das Standard-Winkelmaß "Bogenmaß" umgestellt werden. Wenn du also stattdessen Bogenmaß verwenden willst, kannst du deinem Programm angleMode = "radians"; voranstellen.

Wenn wir über Winkel in Grad sprechen, sagen wir, dass ein ganzer Kreis 360° hat. Bei Winkeln in Bogenmaß sagen wir, dass ein ganzer Kreis ein Bogenmaß von 2π hat. Mit diesem Diagramm kannst du dir Grad und Bogenmaß im Kreis gut merken.

Möchtest du Winkelmessung lernen oder wiederholen? Dann kannst du hier auf Khan Academy das Kapitel "Grundlagen zu Winkeln und deren Messung" durchnehmen.

Versuchen wir nun etwas Einfaches: ein Quadrat um 45 Grad zu drehen:

Hey, was ist passiert? Warum wurde das Quadrat verschoben und abgeschnitten? Die Antwort ist: Nicht das Quadrat wurde verschoben. Das Raster wurde verschoben. Folgendes ist wirklich geschehen: Wie du am gedrehten Koordinatensystem sehen kannst, hat das Quadrat seine linke obere Ecke immer noch bei (40, 40).

Wie man das Quadrat richtig dreht, seht ihr jetzt:

Hier ist das korrekte Programm zum Drehen des Quadrats. Achte auf die Code-Unterschiede: erst kommt translate(40, 40); dann rect(**0, 0,** 40, 40); anstatt nur rect(**40, 40,** 40, 40);.

Dieser Artikel ist eine Bearbeitung von 2D Transformations von J. David Eisenberg und wird unter einer Creative Commons Attribution-NonCommercial-ShareAlike-Lizenz verwendet.