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

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