Download - Indrek Ritso
![Page 1: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/1.jpg)
Indrek Ritso
Animatsioonid Flashis
![Page 2: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/2.jpg)
Mis on Flash ?Flash on tehnoloogia, mis on rikkalik oma
multimeedia sisaldusega ning sisaldab interaktiivsust (animatsioonid) ja heli.
Flash on vektorite baasil tuginev programm, millel on elementaarsed abivahendid ning selle graafiline informatsioon on salvestatud matemaatilisel kujul.
![Page 3: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/3.jpg)
Joonistamine FlashisGeomeetrilised kujundid:
Pliiatsiga joonistamise meetodid (Pencil Tool):
Straighten (sirgu ajamine)Smooth (silumine)
Ink (tint)
![Page 4: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/4.jpg)
Flash bänner
Bänner on internetileheküljel teatud kohas asuv reklaam.
Korralik Flash bänner sisaldab endas ActionScript funktsiooni, mille olemasolu tõttu on võimalik reklaamitava toote (firma) kodulehele minna.Näiteks:
on (release){getURL("http://www.reklaam.ee",_root.clickTARGET);}
![Page 5: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/5.jpg)
Flash bänner näide:
![Page 6: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/6.jpg)
Pildi katmine (udu)Pilt ei pea olema alati ühtlaselt terav. Pilti võib katta osaliselt uduga. Alloleva näite põhjal on tehtud pildi katmine uduga. Flashis võib selleks kasutada ovaalset maski. Vasakul originaal pilt ja paremal osaliselt kaetud.
![Page 7: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/7.jpg)
Ajaskaala
![Page 8: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/8.jpg)
Kasutaja paneb paika ajaskaalal erinevatel ajahetkedel kuju 2 asukohta ja/või kuju olekut: A – kuju alguse ja B kuju lõpu ning Flash täidab lünga (muutumine ühest olekust teise) nende vahel. Näiteks liikumine punktist A punkti B.
Tweening Flashis
![Page 9: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/9.jpg)
1) Motion tween - Ühe raami sees toimub liikumine (animatsioon) ühes kindlas suunas, muuta võib ka samas kuju.
2) Shape tween - Sarnane motion tweeniga, kuid natuke võimasm, sest võimaldab Flashis animatsiooni kahe joonistatud kuju vahel, ülemineku ühelt kujult teise ja samas võimaldab ka värvi muutust
Flashis on võimalik tweeningut teostada kahte moodi:
Tweening Flashis
![Page 10: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/10.jpg)
Tweening Flashis näide:
Käesoleva näite tegemiseks on kasutatud ajaskaalal 4 kihti:2 motion tweeni silmade jaoks ja 2 shape tweeni näo ja suu muutumise jaoks.
![Page 11: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/11.jpg)
Shape tweeni rakendus maskiga.
Kasutades üksteise peal kahte samasugust pilti, kus üks on teisest mõne millimeetri võrra kaugemal:
Tehes kaks erinevat riskülikut ja panna need shape tweeniga liikuma ja kasutada punaste triipude kohal läbipaistvat maski, saame vee voolavuse efekti.
Punane värvus on pealmise pildi läbipaistev osa.
![Page 12: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/12.jpg)
Shape tweeni rakendus maskiga:
![Page 13: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/13.jpg)
Helilõik Flashis.
Animatsiooni puhul võime heli mõju näha ekraanil ja kuulda õhust. Heli on keskkonnas leviv elastsuslaine võnkumine, vibratsioon õhus. Heliklipp kirjeldab seda mida me võime näha ja kuulda või ainult kuulda.
Heli
![Page 14: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/14.jpg)
Vari on ala kuhu otsene valgus valgusallikast ei jõua. Valguseallika poolt vaadatuna võtab vari oma alla kahemöötmelise siluetti.
Näiteks: Flashis tehtud varju on võimalik teostada objekti kopeerimisel eraldi kihile. Vari toonitakse üldjuhul halltooni ja tehakse osaliselt läbipaistvaks.
Vari
![Page 15: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/15.jpg)
Liikuv vari Kasutades tweeningut on võimalik ka vari liikuvana esitada.
Näiteks:
![Page 16: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/16.jpg)
Kokkupõrge Üldjuhul kasutatakse kokkupõrget Flashi mängudes.
Kokkupõrke jaoks läheb vaja kahe kujundit. Mõlemal neil võib teha oma silmusahel, kus toimub liikumine pidevalt.
Silmusahel
![Page 17: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/17.jpg)
KokkupõrkeonClipEvent (enterFrame) {
if (_root.ring, hitTest(_root.ruut)) {_root.text = "On koos";_root.pomm._height = _root.pomm._height+10;_root.pomm._width = _root.pomm._width+10;
} else {_root.text = "Pole koos";_root.pomm._height = 0;_root.pomm._width = 0;
}}
![Page 18: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/18.jpg)
Ruumiline kujundFlashis on võimalik animatsiooni esitada ka ruumiliselt. Näiteks saab teha tääringu ja veeretada seda vastu pinda.
![Page 19: Indrek Ritso](https://reader033.vdocuments.net/reader033/viewer/2022061600/568145fc550346895db30987/html5/thumbnails/19.jpg)
Küsimused ?