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