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 4. példa -Téglalap mozgatása 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: A második példában megismert részeket árugorjuk, nézzük az új dolgokat: 16-os sorban annyi változás, hogy a "context" szöveget kicseréltem a rövidebb "g"-re, így ezentúl így hivatkozunk a rajzterületre, a kód rövidebb, talán áttekinthetőbb lesz. 20-as sorban utasítjuk a böngészőt, hogy a DRAW eljárást 30 ezredmásodpercenként hajtsa végre. Így ez egy folyamatosan, újra és újra végrehajtot programrész lesz, ami a folyamatos mozgáshoz kell. 22-es sorban létrehozunk egy változót és értéket adunk neki. Innen indul a téglalap. 34 sorokban mozgatjuk a téglalapot. X értékét minden alkalommal növeljük 3-al. 35-ös sorban ellenőrizzük, hogy X értéke nagyobb e mint 300. Ha igen, akkor beállítjuk az értékét 10-re. (Így nem hagyja el a képernyőt hanem mindig visszaugrik a kezdeti helyre.)