Flash - Luento 8

• Luentotaltiointi
• Mikä on Flash?
  • Flash WWW-sivulle
  • Flash-esimerkkejä
  • Flash-ohjeita
• Flashin käyttö käytännössä

Käydään ensin läpi Flashin perusteita ja sen jälkeen näytetään käytännön esimerkkejä Adobe Flash Professional CS5 -ohjelmalla.

Mikä on Flash?

• Flash tai tarkemmin sanottuna Adobe Flash on kehitysympäristö, jolla voi tuottaa multimediaesityksiä esimerkiksi WWW-sivuille.
• Aiemmin vastaavan kehitysympäristön nimi on ollut Shockwave Flash ja Macromedia Flash, eli kaikki termit tarkoittavat saman kehitysympäristön eri "versioita".
• Flashillä tuotetaan interaktiivisia vektorigrafiikka-animaatioita.
• Flashia käytetään Internetissä esimerkiksi kuvagallerioiden, animaatioiden, opetusohjelmien, mainosten, kokonaisten web-sivustojen tai pelien luomiseen.
• Web-sivustojen tekemisessä Flash on hiipuva trendi eikä sitä enää tueta kunnolla, mutta esimerkiksi tietokoneella katsottavien animaatioiden tekemisessä sitä voi ja kannattaakin vielä hyödyntää. Mobiililaitteisiin Flash-toteutuksia ei juurikaan kannata toteuttaa huonon tuen vuoksi.
• Flashin sisällä toimii myös sen oma ohjelmointikieli, ActionScript. Ilman varsinaista ohjelmointiakin (koodin kirjoitusta) Flashillä saa kuitenkin paljon aikaan.
• Kuvankäsittelytaidoista on hyötyä myös Flashin kanssa, koska esimerkiksi tasot ovat Flashissä suunnilleen samanlainen peruskäsite kuin kuvankäsittelyssä. Videoeditointitaidoista on myös hyötyä, koska myös Flashissä toimitaan aikajanalla.
• Flash-kehitysympäristössä tuotettujen esitysten näyttämiseen tarvitaan toisto-ohjelma, joka on tavallisimmin selaimeen ladattava lisäosa (Adobe Flash Player).
• Kehitystyökalussa käytettävä projektitiedosto on FLA-muodossa. Internetissä julkaisua varten tiedosto muutetaan SWF-muotoon.
• Uusin versio kehitysympäristöstä on Adobe Flash Professional CS6. Agoran erikoismikroluokan C331.3 MAC-koneilta löytyy versio 5, jolla pärjää myös mainiosti.
• Ohjelma on maksullinen, mutta siitä saa ladattua itselleen Internetistä 30 päivän kokeiluversion. HUOM! Versiot 5 ja 6 vaativat 64-bittisen prosessorin. Versio 4 oli viimeinen, jonka sai myös 32-bittiselle tietokoneelle.
• CS6-versiota käytettäessä kannattanee tallentaa FLA-tiedostot CS5-muodossa, niin niiden avaaminen onnistuu myös erikoismikroluokan C331.3 MAC-koneilla.
• ActionScript 2.0 ja 3.0 -ohjelmointikielten eroista on kattava ja selkeä dokumentti: http://www.adobe.com/devnet-archive/actionscript/as3_migration_table.html

Flash WWW-sivulle

Flash-animaation voi liittää WWW-sivulle periaatteessa seuraavan tyyppisellä koodinpätkällä:

<object data="movie.swf" type="application/x-shockwave-flash" width="500" height="500">
    <param name="movie" value="movie.swf" />
</object>

Ohjelma osaa tuottaa kuitenkin itse valmiin HTML-tiedoston, jota (tai osaa sen koodista) kannattaa käyttää sen sijaan, että itse kirjoittaisi liittämiskoodin WWW-sivulle. Kyseisen tiedoston object-elementti on huomattavasti monimutkaisempi kuin yllä oleva esimerkki, joten sitä ei tarvitsekaan osata ulkoa.

SWF-tiedosto tulee aina upottaa WWW-sivulle, jotta se toimii oikein. Pelkkää SWF-tiedostoa ei siis kannata linkittää.

Flash-esimerkkejä

• Example
• NaCl
• Pythagoras

Flash-ohjeita

• Demojen 13 ja 14 materiaalit
• Jyväskylän Norssin Flash-ohjeet www-taitajalle
• Flash Developer Center
• Flash Perfection

Flashin käyttö käytännössä

Näytetään seuraavaksi Adobe Flash Professional CS5 -ohjelman käyttöä käytännössä ja tehdään ohjelmalla esimerkkejä. Demoissa tullaan tekemään saman tyyppisiä tehtäviä.

Käydään läpi seuraavia toimintoja:

• Perusteet
• Perusmuodot
• Tasot
• Liike (Tweenit)
• Symbolit
• Pathit ja Guidet
• Kiihtyvyys (Ease)
• Materiaalien tuominen
• Painikkeet (Actions, ActionScript 3.0)
• Julkaisu