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.