Videos
Intro til Bootstrap
4. Adobe Animate CC-intro: event-handler (click)
- Stop animationen i første frame – tag en kopi af den kode, der ligger i sidste frame.
- Desværre komme stop af frame-by-frame-animationen ikke til at virke – så flyt framen over i anden frame og test igen.
- Marker første frame, og vælg code snippets -> html5 canvas -> event handlers -> click event (dobbeltklik på click event)
- Du får besked på at markere et symbol på stage – klik på din figur og dobbeltklik igen på click event.
- en click-eventhandler er blevet tilføjet. Den viser et alertskilt – afprøv det.
- I stedet for alerten, skal eventhandleren sætte de to animationer i gang:
this.play();
this.instansnavn.play(); - test, gem, publiser
3. Adobe Animate-intro: frame-by-frame-animation
- dobbeltklik på symbolet for at komme “ind i” det
- indsæt en keyframe (højreklik, insert keyframe) i den position, der skal lægges nyt billede ind
- rediger i den nye kopi af billedet i den nye frame
- gentag så mange gange, du har enkeltbilleder til animationen
- gå tilbage til scenens timeline ved at klikke på klaptræsikonet over scenen
- når tween-animationen stopper i sidste frame, skal frame-by-frame-animationen også stoppes. Åbn actionsvinduet for den sidste frame.
- tilføj sætningen: this.instansnavn.stop(); hvor instansnavn er det navn, du har givet det eksemplar af symbolet, du har på scenen.
- test, gem, publisér
2. Stop-action: stop efter tween
- Indsæt et nyt lag i timeline
- Klik i sidste frame i det nye lag (hvor tween-animationen stopper)
- Åbn Action-vinduet (hvis det ikke er åbent): Window -> Actions
- Klik på code snippets-ikonet <>
- Vælg html5 canvas -> timeline navigation -> stop at this frame (dobbeltklik på stop at this frame)
- test, gem, publish
1. Tween: animation af symbol
- Tegn en simpel figur med tegneprogrammet
- Konvertér figuren til et symbol (marker hele figuren med select-tool og vælg modify -> convert to symbol
- Giv den udgave af symbolet, du har på scenen et instansnavn (i properties-vinduet)
- Flyt figur til startposition
- Opret en Motion Tween i timeline (højreklik i timelines første (eneste) frame, og vælg Create Motion Tween
- Tilpas tidsrum i timeline (træk i slut-grænsen for det markerede tidsrum i timeline)
- Flyt til sluttidspunktet i timeline (klik i den sidste frame i timeline, som er markeret)
- Flyt figur til slutposition (brug select tool og træk)
- Afprøv (ctrl/cmd+enter)
- Gem filen (file -> save as – gemme i fla-format)
- Publicér (file -> publish)