Animacije

Vrijeme je za novi zadatak.  Sada ćemo stvoriti animaciju loptice koja se kreće po zaslonu ByteBoija.   Kako bismo započeli, prvo ćemo morati stvoriti prvu varijablu.  U svijetu računalnog programiranja, varijabla je mjesto pohranjivanja koje sadrži neku vrijednost.   Da bismo stvorili novu varijablu, jednostavno kliknemo na "Create variable":    Svaka varijabla mora imati ime, pa ćemo našu prvu nazvati 'x':    Kada uspješno stvorimo varijablu, trebali bismo vidjeti ovo:    Odmah ćemo napraviti sve varijable koje će nam biti potrebne kasnije u zadatku.  Postupak je isti kao za x varijablu:     Varijable x i y predstavljaju poziciju loptice na ekranu, dok "dx" i "dy" predstavljaju smjer i brzinu kretanja loptice.  Kada napravimo varijablu, ona nema vrijednost.   Da bismo dodali vrijednost varijablama, koristimo blokove "set __ to":    Vrijednost varijable može biti neka matematička vrijednost. Na primjer, možemo postaviti vrijednost varijable x na 20:    Sada ćemo ponoviti ovaj proces za sve ostale varijable koje smo stvorili:    Zatim, uzmite "loop forever" blok:     Slijedeći blokovi koje ćemo dodati unutar "loop forever" bloka će kontrolirati kretanje loptice po ekranu:    Ovo znači da će se pozicija x mijenjati horizontalno ovisno o vrijednosti "dx". Ako je vrijednost "dx" varijable pozitivna, loptica će se kretati udesno, a ako je negativna, ići će ulijevo.   Korak ponovimo za "y" varijablu:     Ovo će odrediti kretanje loptice gore-dolje, odnosno vertikalno.  Sada je vrijeme da odredimo što će se dogoditi ako loptica udari u rub ekrana. Za to koristimo blok iz "Logic" sekcije:    Prvo uzmemo ovaj blok:     te dodamo ostatak:     Ovo znači da će se smjer loptice promijeniti ako vrijednost "x" bude jednaka ili manja od 5 ili jednaka ili veća od 155.   To smo postavili tako da ako loptica udari u desni rub ekrana, kreće se ulijevo, a ako udari u lijevi rub, kreće se udesno.   Isto ćemo napraviti i za varijablu "y":      Ako loptica udari u gornji dio ekrana, kreće se prema dolje, i obrnuto.  Nakon što smo riješili problem kretanja, možemo nacrtati lopticu. Za to nam je prvo potreban blok koji će zacrniti ekran:    Sljedeći blok ćemo također pronaći u "Display" blok sekciji, a zadužen je za crtanje loptice:     Radijus označava veličinu loptice, koja može biti popunjen krug ili prazan te može biti u bilo kojoj boji.   "X" i "y" postavljamo na vrijednost varijabli "x" i "y" koje smo odredili ranije.   Za kraj moramo dodati "push frame" blok kako bismo osigurali da se loptica zaista pojavi na zaslonu ByteBoija:    I za kraj moramo dodati blok iz "Time" sekcije:     Sada možete kliknuti na "Run" i vidjet ćete lopticu koja se kreće prema vrijednostima koje smo joj dodijelili.