Animaatiotuotanto - Flash Videovalikko

 

Joulukalenteri flash versio

Flash sovellus, jossa:

1. käyttöliittymä:
   kuva, jossa nappeja
2. kun nappia painaa sovellus pyörittää animaatiota
   - vaihtoehtoja: animaatiot swf tai FLV muodossa
   swf: äänet lisätään Flashissä
   (FLV: äänet tulee .mov tiedostosta)
   - tai videot youtubessa

A) swf versio:

1) luo flash tiedosto, jossa nappi. Kun nappia klikkaa Output paneeliin tulee teksti: "jee"
2) laajenna edellistä niin, että kun samaa nappia painaa niin flash ohjelma lataa aikajanalle ulkoisen swf tiedoston (käytä testinä jotain joulukalenteri animaation swf tiedostoa)
3) joulukalenterin koko on korkeintaan 800 px leveä mutta ladattavat swf tiedostot ovat leveämpiä mikä neuvoksi?
4) entä sitten kun animaatio on pyörinyt loppuun?

B) flv versio:

1) luo flash tiedosto, jossa nappi. Kun nappia klikkaa Output paneeliin tulee teksti: "jee"
1b) konvertoi mov-muotoinen video flv muotoon
1c) importoi flv flashiin ja luo swf tiedosto, joka toimii flv muotoiden videon "player-wrapperinä"
2) laajenna edellistä niin, että kun samaa nappia painaa niin flash ohjelma lataa aikajanalle ulkoisen swf tiedoston (joka toimii flv videon wrapperinä)
3) joulukalenterin koko on korkeintaan 800 px leveä mutta ladattavat swf tiedostot ovat leveämpiä mikä neuvoksi?
4) entä sitten kun animaatio on pyörinyt loppuun?

C) videot youtubessa versio:

1) luo flash tiedosto, jossa nappi. Kun nappia klikkaa Output paneeliin tulee teksti: "jee"
1b) lataa video youtubeen
2) laajenna edellistä niin, että kun samaa nappia painaa niin ohjelma lataa näkyviin youtube videon:
vaihtoehdot
a) paikallinen html sivu, johon youtube video on upotettu
b) linkki youtubeen
c) entä voisiko paikallinen swf wrapper pyörittää videota youtubesta?

lisäohjeita kohtaan a)
luo htmlsivu (esim paiva01.html) , johon upotettu yourube videolinkki
luo htmlsivu (esim: kalenteri.html) , johon upotettu swf, mikä sisältää kohdassa 1 toteutetun napin
tee actionscript koodi, joka linkittää napin, siten, että nappia painamalla avautuu selaimessa sivu: paiva01.html

ratkaisu:

1) luo uusi taso aikajanalle nimeltään actions
2) lisää actions tason 1 frameen koodi:

lataa dokumentaatio: as3_learning.pdf

kopioi koodi:

function gotoAdobeSite(event:MouseEvent):void
{
var adobeURL:URLRequest = new URLRequest("http://www.adobe.com/");
navigateToURL(adobeURL);
}
linkButton.addEventListener(MouseEvent.CLICK, gotoAdobeSite);

vaihda rivin: linkButton.addEventListener(MouseEvent.CLICK, gotoAdobeSite);
koodissa nappulan instanssin nimi informativiiseksi:

paiva01_btn.addEventListener(MouseEvent.CLICK, gotoAdobeSite);

aseta stagella olevan nappulan instanssin nimeksi: paiva01_btn

korvaa rivillä oleva url: var adobeURL:URLRequest = new URLRequest("http://www.adobe.com/");

entä useammat nappulat?

sama koodi mutta pitää vaihtaa nappulan instanssin nimet, linkin url ja funktioiden nimet

 

3) joulukalenterin koko on korkeintaan 800 px leveä mutta ladattavat swf tiedostot ovat leveämpiä onko tämä nyt ongelma?
4) entä sitten kun animaatio on pyörinyt loppuun?

5) mitä muita toiminnallisuuksia tarvitaan?