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

Pokud používáš webový filtr, ujisti se, že domény: *.kastatic.org and *.kasandbox.org jsou vyloučeny z filtrování.

Hlavní obsah

Rotace

Kromě posunu mřížky ji také můžeš otáčet pomocí funkce rotate(). Tato funkce přijímá jeden argument, kterým je počet stupňů, o kolik ji chceš otáčet.
Ve verzi ProcessingJS, kterou používáme zde na Khan Academy, měří všechny funkce spojené s otáčením úhlů tyto úhly ve stupních, lze je však také konfigurovat pro měření úhlů v radiánech, standardní jednotce pro měření úhlů. Pokud chceš místo toho použít radiány, můžeš nastavit angleMode = "radians"; v horní části svého programu.
Když hovoříme o úhlech ve stupních, celý kruh má 360°. Hovoříme-li o úhlech v radiánech, celý kruh má 2π radiánů. Zde je diagram pro znázornění stupňů a radiánů v kružnici:
Chceš si zopakovat nebo se naučit měření úhlů? Můžeš si projít naše "Měření úhlů ve stupních" zde na Khan Academy.
Zkusme něco jednoduchého: otočení čtverce o 45 stupňů:
Co se to stalo? Jak to, že se čtverec otočil a ořízl? Odpověď zní: čtverec se neotočil. Otočena byla mřížka. Zde je to, co se ve skutečnosti stalo. Jak vidíš, na otočeném souřadnicovém systému má čtverec stále levý horní roh v (40, 40).

Otáčení správným způsobem

Správným způsobem, jak otočit čtverec, je:
  • Posunout počátek souřadnicového systému (0, 0) do místa, kde chceš, aby byla horní levý roh čtverce.
  • Otočit mřížku o 45° (π/4 radiánů)
  • Nakreslit čtverec na počátku.
Zde je program pro otočený čtverec správným způsobem. Všimni si rozdílu v kódu: tento program provádí translate(40, 40); a pak rect(**0, 0,** 40, 40); místo rect(**40, 40,** 40, 40);.

Tento článek je adaptací 2D Transformace od J David Eisenberga, používaný pod Creative Commons Attribution-NonCommercial-ShareAlike License.

Chceš se zapojit do diskuze?

Zatím žádné příspěvky.
Umíš anglicky? Kliknutím zobrazíš diskuzi anglické verze Khan Academy.