Flash tutorial - Digital ur

Lav dit eget digitale 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 "baggrund".
   
   Lav desuden to nye layers og kald dem "tal" og "Action".
   
   
3. Lav et Graphic hvor i du tegner dit ur som du ønsker det uden tal altså kun baggrunden.
   
   
4. Træk dit ur ind på scenen på dit layer "baggrund", og centrer den ved hjælp af Align panelet(Ctrl+K).
   
   
5. Vælg dit tal layer og lav et dynamisk tekstfelt. Giv det instans navnet "ur" og centrer det ligesom du gjorde med baggrunden.
   
   
6. Vælg dit action layer og læg følgende action script på frame 1:
   
   
   1. this.onEnterFrame = function() {
   2.     //Henter timer, minutter og sekunder
   3.     nu = new Date();
   4.     time = nu.getHours();
   5.     minut = nu.getMinutes();
   6.     sekund = nu.getSeconds();
   7.     //Sætter et nul foran hvis time, minut eller sekund er under 10
   8.     if (time<10) {
   9.         time = "0"+time;
   10.     }
   11.     if (minut<10) {
   12.         minut = "0"+minut;
   13.     }
   14.     if (sekund<10) {
   15.         sekund = "0"+sekund;
   16.     }
   17.     //Indsætter klokken i det dynamiske tekstfelt med navnet ur
   18.     ur.text = time+":"+minut+":"+sekund;
   19. };
   
   
   
7. Tryk Ctrl+Enter og tjek om tallene ligger pænt i forhold til baggrund, eller lav teksten mindre på tekstfeltet eller ryk det lidt så det passer.
   
   
   
   Så er vi færdige.
   
   

Tilbage

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

kommentar 7	Skrevet af gorm 19/4-2009
syntes det var en fed tutorial, som jeg kodede videre på. Jeg lavede sådan en knap som man kan få uret til at fade ind og ud med :D... prøv at gå ind på \"http://www.melior.dk/ur.html\", og se mit værk :D

kommentar 6	Skrevet af Peter 30/12-2007
Mange tak :D

kommentar 5	Skrevet af jweber 28/12-2007
Det bliver forklaret i en af de tidligere tutorials bl.a. i den med load tekst. Men det gøres ved at lave et almindeligt tekstfelt, og så nede i properties vælge dynamic text i stedet for static text

kommentar 4	Skrevet af Peter 28/12-2007
HVordan laver man et \"dynamisk tekstfelt\"?

kommentar 3	Skrevet af ?
Ikke godt nok forklaret - desværre.

kommentar 2	Skrevet af ?
ok

kommentar 1	Skrevet af ?
Udemærket artikel.

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