Interaktionsudvikling, Multimediedesigneruddannelsen, Erhvervsakademi Århus

Interaktionskonstruktion

1. semester - ForÅR 2010 - 1md10A- flash og actionscript

Plan for Dag 1:

1. Flash og ActionScript 3.0 eksempler 
2. Intro til programmering via ActionScript
3. Instans navn: x, y, alpha, rotation properties
4. Knap interaktion: Instans navne, Eventlistner, function( )
5. Navigationskommandoer: stop( ), gotoAndPlay( ), gotoAndStop()

 

 

 Intro - Hvordan skaber vi interaktion i Flash ?

 

Eksempler:

http://www.slipsager.net/mmd/1sem/overview_bsl.html

 

1. semester projekt1_2 eksempel

http://klimaheltene.anitaswebsite.dk/

 

Andet:

http://lab.mathieu-badimon.com/

Buttonhunt :-)

 

---

-Intro til programmering via ActionScript ( åben intro_to_actionscript.fla - hvis filen ikke åbner i Flash så kan du hente den m.fl. i Fronter under interaktion/Actionscript )

- Åben også et ny flashdocument til at 'hands on kode'. kalde den f.eks. min_actionscript.fla

Huske liste

Actionscript kommandoer kan ændre værdien af en instanses egenskaber(eng. properties ) f.eks.

• green_mc.alpha = 0.5 ;  // green_mc's alpha værdi sættes til 0.5
• green_mc.x = 10;
• green_mc.y= 50;

x og y værdier i Flash (afhængig af stagens størrelse).

 

Prøv også følgende:

• At flytte green_mc ned til højre hjørne.
• At gøre red_mc usynlig ved at sætte alpha propertien lig 0.
• At rotere green_mc 45 grader via rotation propertien.
• At resize red_mc med width = 200 og height = 300;

 

Vi kan også flytte kommandoerne ind i en funktion som vi f.eks. kan kalde for flytUp( )

 

kommandoen green_mc.y -= 2 gør green_mc's y værdi mindre med 2 dvs. at boksen flytte op.

For at få aktiveret en funktion skal den først kaldes.

Dette kan f.eks. ske når brugeren trykker på en bestemt knap. Via actionscript kan få knappen med instansnavnet up_btn,

til at kalde/aktivere vores flytUp funktion v.h.a. følgende script.

 

---

 

 

Navigation på timelinien via ActionScript 

 

Navigation på tidslinien via kommandoerne:

stop();

play();

gotoAndPlay();

gotoAndStop();

 

Eksempel 1: Kontrol af animation : Navigation_01.fla 

 

Eksempel 2: Navigationsstruktur for et simpelt flashbaseretwebsite via gotoAndStop("label") : nav_example_as3.fla

 

Eksempel 3: Navigationsstruktur med animation på tidslinien via gotoAndPlay(): Demo_site.fla

 

 

 

---

Øvelser:

 

1. Lav f.eks. en knap der drejer et movieclip (en kanon f.eks.) med uret og en anden knap som drejer det mod uret.

Gem den som rotation.fla

 

2. Find en timeline baseret animation som du har lavet i Flash, og lav den interaktiv ved at tilføje knapper til

 'stop( )','play( )','gotoAndStop(1)','gotoAndPlay(1)'   som det er gjort i filen navigation_01.fla

Gem den som min_interaktion_animation.fla

 

Læs og lav i Flash CS4 bogen

Kapitel 6: Creating Interactive navigation

• Creating a button symbol
• Up,Over, Down, Hit state
• Sound on mouse Down
• Instance name
• stop() action
• Adding the Event Listener and Function
• Mouse Events
• ActionScript commands for navigation
• Creating Destination Keyframes, Using Labels on Keyframes
• gotoAndStop("label1");
• gotoAndPlay("label1");

Endelige version:

Læs og lav Lesson 1 i Actionscript bogen.

 

Upload dine øvelsers swf filer til dit webhotel, og lav f.eks. links til dem fra en flash experiment underside på dit portfolio eller som en selvstændig side.

Eksempel :

http://christinaduus.dk/school1.php