Fő tartalom
Programozás
Tantárgy/kurzus: Programozás > 4. témakör
6. lecke: TranszformációkElforgatá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.
Az elforgatás helyes módja
A négyzet elforgatásának helyes módja:
- Told el a koordináta-rendszert kezdeti (0 ; 0) pontjából oda, ahol szeretnéd, hogy a négyzeted bal felső sarka legyen.
- Forgasd el a négyzethálót 45°-kal (π/4 radiánnal)
- Rajzold ki a négyzetet a kezdeti pontban.
Í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.
Szeretnél részt venni a beszélgetésben?
Még nincs hozzászólás.