Kuvien pienimuotoinen animointi

• Luo uusi muuttuja nimeltään: peruskuva

  initialize global peruskuva to { Perus.png

• Päätetään, että tämän muuttujan nimi tarkoittaa otuksen kuvaa kun sillä ei ole mikään erityinen hätä.
• Muutetaan kaikki kohdat missä projektissa on Perus.png (paitsi edellinen) niin, että niiden tilalla haetaan uusi muuttuja get global peruskuva. Näitä kohtia on seuraavissa paikoissa:
• to valitseAlkukuva
• when Unilelu.Touched
• to tarkistaOlotila
• when Lemmikki.Touched
• Siirry Designer-puolelle ja siirrä projektiin uusi Clock-elementti Palette-alueelta User Interface -kohdasta. Tämä ajastin tulee vaihtamaan animoidun kuvan takaisin normaaliin kuvaan kunhan animoitua kuvaa on näytetty sopivan aikaa.
• Uudelleen nimeä tämä kello Components-alueella AnimointiAjastin nimiseksi

Materiaalissa tullaan seuraavaksi toteuttamaan animointi mikä käynnistyy kun lemmikkiä silitetään. Jos teet animointia jollekin muulle niin toteuta seuraava sisältö oikeaan paikkaan sen aktiviteetin yhteyteen mikä animoinnin laukaisee.

• Hae Lemmikin palikoista when Lemmikki.Dragged
• Tarkistetaan ensiksi, että otuksella ei ole mitään hätää, ja että mikään animointi ei ole vielä käynnissä

• Tämän sisällä tulee ensin vaihtaa peruskuva-muuttujaan animoidun kuvan nimi

  set global peruskuva to { "Silitetty.png"

• Päivitetään sen jälkeen lemmikin sen hetkinen kuva

  set Lemmikki.Picture to { get global peruskuva

• Säädetään nyt ajastin, joka tulee aina tietyn ajan kuluessa lopettamaan erikoisanimoinnin:
• Pysäytetään ajastin toistaiseksi alussa when Screen1.Initialize-palikassa:

  set AnimointiAjastin.Enabled to { false

• Säädetään sen piippausväli when Lemmikki.Dragged-palikassa kuvan vaihdon jälkeen:

  set AnimointiAjastin.TimerInterval to { 3000

• Käynnistetään tämän jälkeen ajastin:

  set AnimointiAjastin.Enabled to } true


• Reagoidaan seuraavaksi tämän animointiajastimen ensimmäiseen "piippaukseen" ja asetetaan jälleen normaali kuva lemmikille.
• Vedä käytettäväksi palikka when AnimointiAjastin.Timer
• Sammuta siinä jälleen AnimointiAjastin (Enabled)
• Aseta tämän jälkeen peruskuva-muuttujaan taas arvo "Perus.png"

(Annetaan kuvan päivittyä normaalisti muiden ajastimien avulla, joten ei tehdä sitä tässä.)