Elforgatás

A négyzethálót nem csak elmozgatni lehet, hanem akár el is forgathatod, a rotate() függvénnyel! Ez a függvény egy argumentumot fogad, ami a fokok száma, amennyivel el szeretnél forgatni.

A Khan Academyn használt ProcessingJS verzióban minden függvény, ami az elforgatással kapcsolatos, alapértelmezetten a szöget fokokban méri, de beállítható úgy is, hogy radiánban mérje, ami a szögmérés sztenderd mértékegysége. Ha inkább radiánt használnál, beállíthatod a angleMode = "radians"; kóddal a programod elején.

Amikor a szöget fokban mérjük, a teljes kör 360°. Amikor radiánban számolunk, a teljes kör 2π radián. Íme egy ábra, amely egy kör segítségével emlékeztet a fokra és a radiánra:

Szeretnéd áttekinteni a szögmérést vagy tanulnál a szögmérésről? Végignézheted a Szögek alapjai és mérése anyagunkat itt a Khan Academyn.

Próbáljunk ki valami egyszerűt: forgassunk el egy négyzetet 45 fokkal:

Hé, mi történt? Miért mozdult el a négyzet és lett levágva? A válasz: a négyzet nem mozdult el. A négyzetháló mozdult. Íme a magyarázat, hogy mi történt valójában: láthatod, hogy az elforgatott koordináta-rendszerben a négyzet bal felső sarka továbbra is a (40, 40)-nél van.

A négyzet elforgatásának helyes módja:

Íme az elforgatott négyzet programja, helyesen megírva. Figyeld meg a kódban a változást: ez a program először a translate(40, 40);-et hajtja végre, majd a rect(**0, 0,** 40, 40); következik a rect(**40, 40,** 40, 40); helyett.

A tananyag a 2D Transformations adaptációja, mely J David Eisenberg munkája, és a következő licenc alatt elérhető: Creative Commons Attribution-NonCommercial-ShareAlike.