Interaktionsudvikling, Multimediedesigneruddannelsen, Erhvervsakademi Århus

Interaktionskonstruktion

1. semester - efteraar 2009 - 1md09M- 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 workshop4 project.The classes should in one week make an interactive Advent Calendar with Flash CS3.

•  Internationale class A: Target group: Sex and the City fans
•  Danish class A:    Target group: James Bond fans
•  Danish class B:    Target group: James Bond fans (age 6 - 10 years)

 

Andet:

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

Buttonhunt :-)

 

---

-Intro til programmering via ActionScript ( åben intro_to_actionscript.fla )

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

Huske liste

Kommandoer ændre egenskaberne(eng. properties ) ved instans box_mc

• box_mc.alpha = 0.5 ;  // movieclip properties
• box_mc.x = 10;
• box_mc.y= 50;

 

Prøv også følgende:

• At flytte box1_mc ned til højre hjørne.
• At gøre box1_mc usynlig via alpha propertien.
• At rotere box1_mc 45 grader via rotation propertien.
• At resize box1_mc med width = 200 og height = 300;

Vi kan også flytte kommandoerne ind i en funktion som vi f.eks. kan kade toRightCorner( )

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 blue_btn,

til at kalde/aktivere vores funktion toRightCorner 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 som et simpelt website via gotoAndStop("label") : nav_example_as3.fla

 

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

 

 

 

---

Øvelser:

 

1. Lav et Flashprogram hvor du via tryk på en knap, kan få et eller flere movieclips til at rotere 45 grader. (hints: tjek intro_to_action.fla)

Lav f.eks. en knap til dreje movieclippet med uret og en anden knap som drejer den mod uret.

Gem den som rotation.fla

 

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

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

Gem den som min_interaktion_animation.fla

 

3. Prøve at forklare sidemanden hvordan nav_example_as3.fla fra eksempel 2 virker.

Prøv at bygge lidt videre på demositet og gem det som mit_demo_site.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 links til dem fra dit læringsportfolio.

Eksempel :

http://christinaduus.dk/school1.php