Flash tutorial - Analog ur

Lav dit eget analog ur som kører efter computerens ur og brug det på din hjemmeside eller andet.

Tilbage

1. Åben Flash og start et nyt dokument.
   
   
2. Dobbeltklik på dit layer og kald det "urskive".
   
   Lav desuden tre nye layers og kald dem "timeviser", "minutviser" og "sekundviser".
   
   
3. Lav et Graphic hvor i du tegner din urskive som du ønsker den.
   
   
4. Lav så tre MovieClip som du kalder "timeviser", "minutviser" og "sekundviser" og tegn i hver, viseren som du ønsker den.
   
   
5. Træk så din urskive ind på scenen på dit layer "urskive", og centrer den ved hjælp af Align panelet(Ctrl+K).
   
   
6. Træk også dine visere ind på hver deres layer, og giv den samme instans navn som de har i Library, nemlig "timeviser", "minutviser" og "sekundviser".
   
   Vælg Free transform Tool(Q) og klik på timeviseren. Flyt så den hvide cirkel som ligger over viseren således at den ligger over det punkt på viseren som viseren skal dreje om.
   
   Eksempel:
   
   
   
7. Flyt så dine visere ind over urskiven så den hvide cirkel ligger i centrum af urskiven.
   
   
8. Så er vi klar til at skrive selve ActionScriptet som skal få uret til at vise hvad klokken er.
   
   Lav et nyt layer og kald det "Action". I frame 1 skriver du så følgende ActionScript:
   
   
   1. this.onEnterFrame = function() {
   2.    
   3.     //Henter timer, minutter og sekunder
   4.     nu = new Date();
   5.     time = nu.getHours();
   6.     minut = nu.getMinutes();
   7.     sekund = nu.getSeconds();
   8.    
   9.     //Omregner til 12 timer (f.eks. 13 = 1)
   10.     if (time>12) {
   11.         time -= 12;
   12.     }
   13.    
   14.     //Beregner vinklerne på viserne
   15.     timevinkel = 360*time/12+minut/2;
   16.     minutvinkel = 360*minut/60+sekund/10;
   17.     sekundvinkel = 360*sekund/60;
   18.    
   19.     //Sætter vinklerne på viserne
   20.     _root.timeviser._rotation = timevinkel;
   21.     _root.minutviser._rotation = minutvinkel;
   22.     _root.sekundviser._rotation = sekundvinkel;
   23. }
   
   
   
9. Tryk Ctrl+Enter og så skulle uret gerne køre.
   
   
   
   Så er vi færdige.
   
   
   NB. Man kan selvfølgelig også designe sit ur så det ikke bare ligner et traditionelt ur.
   
   
   
   

Tilbage

Skriv din kommentar til denne tutorial  (eller gå til forummet)
Navn	Kodeflet

kommentar 11	Skrevet af jweber 7/10-2008
Du skal bare oprette et ActionScript 2.0 dokument når du starter op.

kommentar 10	Skrevet af Elisabeth 7/10-2008
Æv -virker ikke i Flash 9.0. Jeg får fejlmeddelelsen: Warning: 1090: Migration issue: The onEnterFrame is not triggered automatically by Flash Player at run time in ActionScript 3.0. You must first register this handler for the event using . Hvordan laver man en \"register\"?

kommentar 9	Skrevet af Xa 11/8-2008
ok, tak! jeg prøvede at ændre i formulen hvor den beregner vinklerne på viserne..

kommentar 8	Skrevet af jweber 11/8-2008
Hvis du vil have en anden tidszone er det bare at lægge det antal timer til time variablen, f.eks. 2 timer: time = nu.getHours()+2;

kommentar 7	Skrevet af Xa 11/8-2008
Hvis man nu vil lave flere ure med flere forskellige tidszoner, kan man ændre noget i koden så det virker?

kommentar 6	Skrevet af Helle 13/5-2008
Jeg fik det løst... hvordan ved jeg dog ikke helt. Jeg må have haft en fejl, da jeg slettede det hele og prøvede forfra :)

kommentar 5	Skrevet af jweber 10/5-2008
Ja uret tager tiden fra computeren den ligger på, men hvorfor din kører for hurtigt lyder mærkeligt. Du kan prøve at oprette en tråd i forummet, så skal jeg se om jeg kan hjælpe.

kommentar 4	Skrevet af Helle 9/5-2008
nææh det var ikke det.. Den går generalt for hurtig..

kommentar 3	Skrevet af Helle 9/5-2008
arh.. :p den tager self. tiden på den com den ligger på :D hov

kommentar 2	Skrevet af Helle 9/5-2008
Min viser den er en time foran :S forstår det ikke heelt :D

kommentar 1	Skrevet af ?
Den er sgu nice ;)

Optimeret til Internet Explorer og Firefox min. 1024x768 | Designet og programmeret af jweber