4. Adobe Animate CC-intro: event-handler (click)

  1. Stop animationen i første frame – tag en kopi af den kode, der ligger i sidste frame.
  2. Desværre komme stop af frame-by-frame-animationen ikke til at virke – så flyt framen over i anden frame og test igen.
  3. Marker første frame, og vælg code snippets -> html5 canvas -> event handlers -> click event (dobbeltklik på click event)
  4. Du får besked på at markere et symbol på stage – klik på din figur og dobbeltklik igen på click event.
  5. en click-eventhandler er blevet tilføjet. Den viser et alertskilt – afprøv det.
  6. I stedet for alerten, skal eventhandleren sætte de to animationer i gang:
    this.play();
    this.instansnavn.play();
  7. test, gem, publiser

3. Adobe Animate-intro: frame-by-frame-animation

  1. dobbeltklik på symbolet for at komme “ind i” det
  2. indsæt en keyframe (højreklik, insert keyframe) i den position, der skal lægges nyt billede ind
  3. rediger i den nye kopi af billedet i den nye frame
  4. gentag så mange gange, du har enkeltbilleder til animationen
  5. gå tilbage til scenens timeline ved at klikke på klaptræsikonet over scenen
  6. når tween-animationen stopper i sidste frame, skal frame-by-frame-animationen også stoppes. Åbn actionsvinduet for den sidste frame.
  7. tilføj sætningen: this.instansnavn.stop(); hvor instansnavn er det navn, du har givet det eksemplar af symbolet, du har på scenen.
  8. test, gem, publisér

1. Tween: animation af symbol

  1. Tegn en simpel figur med tegneprogrammet
  2. Konvertér figuren til et symbol (marker hele figuren med select-tool og vælg modify -> convert to symbol
  3. Giv den udgave af symbolet, du har på scenen et instansnavn (i properties-vinduet)
  4. Flyt figur til startposition
  5. Opret en Motion Tween i timeline (højreklik i timelines første (eneste) frame, og vælg Create Motion Tween
  6. Tilpas tidsrum i timeline (træk i slut-grænsen for det markerede tidsrum i timeline)
  7. Flyt til sluttidspunktet i timeline (klik i den sidste frame i timeline, som er markeret)
  8. Flyt figur til slutposition (brug select tool og træk)
  9. Afprøv (ctrl/cmd+enter)
  10. Gem filen (file -> save as – gemme i fla-format)
  11. Publicér (file -> publish)