Share
În acest tutorial, vă vom arăta cum să construiți un ceas analogic elegant folosind ActionScript 3.0. Vom folosi filmul Swf rezultat cu Screentime for Flash pentru a crea un screensaver complet functional. Timp pentru distracție ...
Folosind obiectul Date și proprietățile sale, vom obține ziua, orele, minutele și secundele și vom folosi simpla Math pentru a afișa datele obținute într-un ceas analogic. Actualizările vor fi gestionate de un cronometru.
De asemenea, puteți adăuga un ceas digital la Screensaver, urmând acest tutorial FlashTuts +.
Deschideți Flash și creați un fișier Flash nou (ActionScript 3).
Setați dimensiunea scenei la 640x400 și adăugați un fond liniar gri (#DBDBDD, # B3B2B7). Screentime va scala automat filmul pe ecran complet, astfel încât nu trebuie să setăm scenă în rezoluția completă.
Vom începe prin crearea fundalului ceasului.
Selectați instrumentul Oval (O) și desenați un cerc de 250x250 px și adăugați un fundal liniar negru (# 313131, # 000000). Utilizați instrumentul de transformare a gradientului (F) pentru a roti gradientul pentru a arăta ca imaginea următoare:
Creați un alt cerc, de data aceasta 248x248, cu acest gradient liniar (# 595959, # 000000). Din nou, utilizați instrumentul de transformare a gradientului pentru a roti și a regla gradientul.
Acum, să adăugăm numere la ceasul nostru.
Selectați Instrumentul de Text (T), alegeți un font de alegere și o dimensiune adecvată pentru ceas. Am folosit Myriad Pro Regular, 22 Pt, #DDDDDD.
Scrieți numerele într-un TextField pentru fiecare și aliniați-le la ceas, acesta poate fi un pic dificil fără o referință, verificați ghidajele din imagini.
Orizontală:
Vertical:
Timpul pentru a crea mâinile ceasului.
Selectați Poly Star Tool (clic și țineți apăsat butonul Tool Tool), apoi în panoul Properties faceți clic pe butonul Options din secțiunea Device Settings. Schimbați numărul laturilor la 3.
Creați un triunghi alb de 20x70 px, convertiți-l într-un filmClip și numiți-l "hourHand".
Repetați acest proces pentru mâna de minute, dar schimbați înălțimea la 110 px. Nu uitați să setați numele instanței la "minuteHand".
Selectați Instrumentul Oval și creați un cerc de 26x26 px, convertiți-l într-un filmClip și aplicați un filtru după cum urmează:
Pentru mâna a doua combinați un cerc de 8x8 px și un dreptunghi 2x116 px. Umpleți-le cu această culoare # C90303.
Creați un nou document ActionScript și salvați-l ca "Analog Clock.as".
Acestea sunt clasele de care avem nevoie:
pachet import flash.display.Sprite; import flash.utils.Timer; import flash.events.TimerEvent;
Vom folosi metode și proprietăți specifice Sprite, astfel încât să extindem folosind clasa Sprite.
clasa publica AnalogClock extinde Sprite
Acestea sunt variabilele pe care le vom folosi, explicate în comentarii.
/ * Un obiect Date folosit pentru a obține ora * / var data: Data = new Date (); / * Variabile de timp * / var ore: int = date.hours; var minute: * = data.minute; var secunde: * = data.secunde; / * Un obiect Timer care se va ocupa de actualizările executate în fiecare secundă * / var timer: Timer = nou Timer (1000);
Această funcție este executată atunci când este încărcată clasa.
funcția publică AnalogClock (): void / * Acest cod va seta mâinile ceasului în poziția corectă folosind datele de date date * / hourHand.rotation = ore * 30 + (minute * 0.5); în 60 de minute, care este de 0,5 grade pe minut minuteHand.ro = minute * 6; // Minute roteste 6 grade pe minut, adică 360 de grade în 60 de minute - o oră secondHand.rotation = secunde * 6; 6 grade pe secundă, adică 360 de grade în 60 de secunde - un minut timer.addEventListener (TimerEvent.TIMER, updateClock); timer.start ();
Aceasta este funcția care gestionează ceasul. Este același cod din primele funcții, executat doar în fiecare secundă de cronometru.
funcția privată updateClock (e: TimerEvent): void date = new Date (); ore = data.hours; minute = data.minute; secunde = data.secunde; hourHand.rotation = ore * 30 + (minute * 0.5); minuteHand.ro = minute * 6; secondHand.rotation = secunde * 6;
Reveniți la fișierul .fla și în panoul Proprietăți adăugați "AnalogClock" în câmpul Class pentru a face acest lucru Document Class.
Screentime pentru Flash este un instrument de creare a Screensaverului, este rapid și ușor de utilizat. Puteți obține o versiune de încercare de pe site. Demo-urile sunt pe deplin funcționale, cu excepția faptului că ecranele pe care le construiesc expiră la o săptămână după ce au fost create. În acest tutorial folosesc versiunea Mac, astfel încât Screensaver-ul va fi doar mac.
Deschideți Screentime și în fila Conținut, selectați fișierul făcând clic pe butonul "..." și răsfoind la swf. Introduceți un nume pentru screensaverul dvs..
Părăsiți filele Proprietăți și Instalator ca implicit, iar în fila Publicați numele programului de instalare, alegeți opțiunile de care aveți nevoie și faceți clic pe Construiți.
Când construirea este completă, deschideți aplicația de instalare și faceți clic pe Instalare. Acum puteți alege screensaverul dvs. flashy de la System Preferences.
Tocmai aflați cât de ușor este să convertiți filme sau aplicații flash în screensavere, să explorați aplicația Screentime și să creați propria dvs. aplicație!
Vă mulțumim pentru lectură :)
Accentsconagua