If you're seeing this message, it means we're having trouble loading external resources on our website.

Wenn du hinter einem Webfilter bist, stelle sicher, dass die Domänen *. kastatic.org und *. kasandbox.org nicht blockiert sind.

Hauptinhalt

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).

Der richtige Dreh

Wie man das Quadrat richtig dreht, seht ihr jetzt:
  • Verschiebe den Ursprung des Koordinatensystems (0, 0) dorthin, wo die linke obere Ecke des Quadrats sein soll.
  • Drehe das Raster um 45° (π/4 Bogenmaß).
  • Drehe das Quadrat am Ursprung.
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.

Willst du an der Diskussion teilnehmen?

Noch keine Beiträge.
Verstehst du Englisch? Klick hier, um weitere Diskussionen auf der englischen Khan Academy Seite zu sehen.