OLI76.HU - Orosz Olivér weboldala

Programozás

menü: Programozásról általában Java kezdet Java leckék Java letöltések Pascal kezdet Pascal leckék Pascal letöltések FLASH kezdet FLASH leckék FLASH letöltések HTML5 kezdet HTML5 leckék HTML5 letöltések kapcsolódó fórum linkek

HTML5 leckék Példaprogramok: 2.-A "Hello World" , 4.-Téglalap mozgatása , 5.-Pattogó téglalap , 6.-Mozgatás billentyűzettel 5. példa -Pattogó téglalap Futás közben: A peldak1.rar fájl letöltése, mely tartalmazza ezt a kódot is. A kód: Kód magyarázata: 22-27. sorban létrehozzuk a téglalap adatait tároló változókat és megadjuk kezdeti értéküket. 35-36 sorban kirajzoljuk a téglalapot. 39-44 sorokban mozgatjuk a téglalapot. 39-edik sorban X-hez hozzáadjuk XP értékét. Nem tudjuk XP értéke mennyi. A program elején beállítjuk 4-re. Így X értéke minden alkalommal 4-el nő. 40-edik sorban megvizsgáljuk X értékét. Ha nagyobb, mint az ablak széle minusz téglalap szélessége (ekkor eléri a téglalap jobb széle a képernyő szélét), akkor XP értékét -4 -re állítjuk be. Ezután X értéke minden alkalommal 4-el csökkenni fog, így jobbról balra fog haladni. 41-edik sorban szintén vizsgáljuk X értékét, hogy 0-nál kisebb e. Ha kisebb, akkor XP értékét 4-re állítjuk be. Ezek hatására X értéke 0-tól nő (400-szeles)-ig, majd csökken 0-ig, majd újra nő (400-szeles)-ig, majd újra csökken 0-ig, és így megy ez örökké. Y értékét ugyanígy változtatjuk, az is folyamatosan mozog a felső és alsó határ között. Mivel X és Y értékét is módosítjuk, így a két mozgás összesítve ferde, 45 fokos mozgást eredményez.