Author: bongobeat
Intro til Bootstrap
Bootstrap downloads
Her er en zip fil med de nødvendige filer til hurtig opstart af et Bootstrap site
Intro Keynotes:
Design in browser
Bootstrap 1
Andet:
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