Oppimistehtävä 8

Tee eri tasoilla ohjeistetut Flash-animaatiot. Kaikille tasoille yhteisiä vaatimuksia ja ohjeita ovat:

Valmis SWF-tiedosto tulee aina upottaa HTML-sivulle.
Animaatioiden (scenen) leveys tulee olla 700 pikseliä ja korkeus 400 pikseliä.
Oppimistehtävä palautetaan siirtämällä tuotettu Flash-animaatio WWW-palvelimelle (esimerkiksi users.jyu.fi) ja kirjoittamalla animaation WWW-osoite sekä palauttamasi tehtävän taso (1, 3 tai 5) Moodle-aktiviteettiin Oppimistehtävän 8 palauttaminen.
Palautus on tehtävä viimeistään tiistaina 15.5.2012 klo 24:00. Myöhästyneitä palautuksia ei oteta vastaan.

Taso 1

Tee seuraavaa mallituotosta vastaava Flash-animaatio.

Animaatiossa tikku-ukko (tikku-ukon muotoilussa saa käyttää omaa taiteellista silmää ;)) kipuaa mäen rinteen ylös, hyppää rotkon yli ja menee vielä mäen alas.
Tikku-ukko kulkee koko ajan tasaisella nopeudella.
Mallituotoksessa liike on toteutettu Motion Guiden avulla, mutta tasolla 1 liikkeen voi toteuttaa myös Classic Tweenien avulla (jolloin jokaiseen "käännöskohtaan" tulee tehdä Key Frame).

Tee ensin tason 1 tehtävät ja jatka sitten animaatiota siten, että saat sen lopulta seuraavaa mallituotosta vastaavaksi.

Animaatioon on lisätty toinenkin tikku-ukko, joka lähtee vastakkaisesta suunnasta mäkeä ylös. Kyseisen tikku-ukon hyppy jää kuitenkin lyhyeksi, joten hän putoaa rotkoon.
Molemmat tikku-ukot tulee olla identtisiä, joten niiden toteutuksessa kannattaa hyödyntää symboleita.
Molempien tikku-ukkojen liikenopeus on muutettu vastaamaan mäkiä, eli ylämäessä nopeus hidastuu ja alamäessä kiihtyy.
Rotkoon putoavan tikku-ukon liike lähes pysähtyy ilmassa hetkeksi (sarjakuvamaisesti) ennen kuin hän putoaa vauhdilla alas.
Molempien tikku-ukkojen vartalon suunta muuttuu mäen muotojen mukaan, eli tikku-ukkojen pää ei osoita koko ajan suoraan ylöspäin.

Tee ensin tasojen 1 ja 3 tehtävät ja jatka sitten animaatiota vielä siten, että saat sen lopulta seuraavaa mallituotosta vastaavaksi.

Lisää animaatioon play- ja pause-painikkeet, joilla animaatio voidaan välillä keskeyttää ja käynnistää uudelleen.
Estä animaation automaattinen käynnistyminen, eli animaatio saa käynnistyä vasta play-painiketta painamalla.
Pysäytä animaatio automaattisesti viimeiseen frameen.
Tee itse 4 uutta painiketta, joilla voidaan piilottaa tai tuoda uudelleen esille jompikumpi tikku-ukko. Painikkeiden ulkoasu on vapaa, mutta niistä tulee käydä ilmi, mitä painike tekee. Vinkkejä:
- Kannattaa tutustua ActionScriptin visible- ja enabled-ominaisuuksiin.
- Molempia edellä mainittuja ominaisuuksia voi käyttää esimerkiksi Movie Clip -symboleiden kanssa.
- Voit toteuttaa vastaavan toiminnallisuuden myös vain kahdella painikkeella, eli yksi painike per tikku-ukko. Tällöin kyseisten painikkeiden tekstin tulee muuttua sen mukaan, onko tikku-ukko näkyvissä vai piilotettu. Tämä tapa lienee vaikeampi kuin tehdä vastaava toiminnallisuus 4 painikkeella.

Käyttäjien kommentit