Oppimistehtävä 8
Tee eri tasoilla ohjeistetut animaatiot. Kaikille tasoille yhteisiä vaatimuksia ja ohjeita ovat:
- Animaatiot on suositeltavaa tehdä Flashillä, mutta muitakin tekniikoita saa käyttää. Pääasia on, että saa tehtyä mallituotoksia vastaavia animaatioita.
- Tehtäessä animaatioita Flashillä valmis SWF-tiedosto tulee aina upottaa HTML-sivulle.
- Animaatioiden (scenen) leveys tulee olla 400-800 pikseliä ja korkeus 300-500 pikseliä.
- Oppimistehtävä palautetaan siirtämällä tuotettu animaatio WWW-palvelimelle (esimerkiksi users.jyu.fi) ja kirjoittamalla animaation WWW-osoite (Flashin tapauksessa html-osoite, EI swf-osoitetta) sekä palauttamasi tehtävän taso (1, 3 tai 5) Moodle-aktiviteettiin Oppimistehtävän 8 palauttaminen.
- Palautus on tehtävä viimeistään tiistaina 20.5.2014 klo 24:00. Myöhästyneitä palautuksia ei oteta vastaan.
Taso 1
Tee seuraavaa mallituotosta vastaava animaatio. Malliesimerkki on toteutettu kahdella eri tekniikalla, tehtävän palautuksena riittää toki yksi animaatio.
- Mallituotos, versio 1 (Flashillä toteutettu)
- Mallituotos, versio 2 (PowToonilla toteutettu)
Ohjeita
- 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.
- Flash-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).
Taso 3
Tee ensin tason 1 tehtävät ja jatka sitten animaatiota siten, että saat sen lopulta seuraavaa mallituotosta vastaavaksi.
- Mallituotos (Flash)
Ohjeita
- 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 tulevat 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.
Taso 5
Tee ensin tasojen 1 ja 3 tehtävät ja jatka sitten animaatiota vielä siten, että saat sen lopulta seuraavaa mallituotosta vastaavaksi.
- Mallituotos (Flash)
Ohjeita
- 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/ulkoasun 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