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

Správným způsobem, jak otočit čtverec, je:

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.