Am scris deja o lecție despre crearea ceasului flash în limbajul ActionScript 2.0, dar acum vă voi spune cum poate fi creat un astfel de ceas în limba AS 3.0.
Pentru acest tutorial, avem nevoie de mediul de dezvoltare Adobe Flash CS4 sau Adobe Flash CS5. Cel mai probabil, lecția poate fi repetată în mediul CS3, dar nu am verificat-o.
Mai întâi, vom crea un nou proiect în cadrul ActionScript 3.0 și vom seta dimensiunea de 200 până la 200 px.
Aproape toate elementele ceasului nostru flash vor fi create dinamic, adică prin cod. Dar excepția va fi cadranul orelor viitoare, pe care trebuie să le tragem. Puteți utiliza, desigur, instrumentele de pe bara de instrumente a programului și puteți desena singur cadranul cu ceas. Dar am ales o cale mai ușoară și am desenat desenul deja finalizat cu o dimensiune de 200 la 200 px:
Puteți face același lucru și puteți împrumuta un desen al unui ceas dintr-un clip clip vector (nu va fi posibil să găsiți un clipart similar pe rețea).
Cadranul terminat trebuie să fie transformat în MovieClip. Pentru aceasta, selectați imaginea și apăsați F8 de pe tastatură. Apare următoarea fereastră (pentru CS5):
Aici trebuie să specificați un nume ("ClockTablo"), asigurați-vă că ați bifat caseta "Export pentru ActionScript" și introduceți "ClockTablo" în câmpul "Class". După aceasta, puteți scoate selectorul de film din scenă (acesta va fi salvat în biblioteca filmelor flash, de unde îl vom prelua ulterior prin intermediul codului).
Acolo, în bibliotecă, trebuie să punem un sunet pentru mâna a doua. Când plasați fișierul audio în biblioteca de filme Flash, va trebui să apelați meniul contextual al acestui fișier (mutați cursorul mouse-ului peste fișierul de sunet și apăsați butonul drept al mouse-ului). În meniul contextual, selectați elementul "Proprietăți". Se deschide o fereastră similară celei create când se creează un clip video. În această casetă, bifați caseta "Export pentru ActionScript", iar în câmpul de introducere "Class" introduceți "SoundSec". La această lucrare cu sunetul sa terminat.
Acum vom scrie codul. Vom scrie codul pe linia de timp principală.
Codul ActionScript 3.0
/ * În continuare este setările principale care pot fi editate * / const Diametru: int = 200; // diametru cadran const COLH: int = 0x333333; // culoare-sensul acelor de ceasornic const Colm: int = 0x333333; // culoarea Const minutar COLS: int = 0x333333; // culoarea const UZATE WH: int = 30; // lungime în sens orar const WM: int = 35; // lungimea WS const minutar: int = 35; // lungimea celei de a doua const mâna HH: int = 4; // grosime sens orar const HM: int = 3; // grosimea const minutar HS: int = 1; // grosimea secundarul / * a crea un consiliu de ore si se adauga la clockTablo etapa * / var: ClockTablo = new ClockTablo (); addChild (ceas); / * crează mâna oră * / var ceasH: Sprite = Sprite nou (); clockTablo.addChild (ceasH); clockH.graphics.lineStyle (HH, COLH, 1); clockH.graphics.moveTo (0,0); clockH.graphics.lineTo (0, - (WH)); ceasH.x = diametru / 2; ceasHy = diametru / 2; / * a crea mâna minute * / var clockM: Sprite = Sprite nou (); clockTablo.addChild (ceasM); clockM.graphics.lineStyle (HM, COLM, 1); clockM.graphics.moveTo (0,0); clockM.graphics.lineTo (0, - (WM)); clockM.x = diametru / 2; clockM.y = diametru / 2; / * a crea oa doua mână * / var clockS: Sprite = Sprite nou (); clockTablo.addChild (ceasuri); clockS.graphics.lineStyle (HS, COLS, 1); clockS.graphics.moveTo (0,0); clockS.graphics.lineTo (0, - (WS)); clockS.x = diametru / 2; clockS.y = diametru / 2; / * Pe afișajul centru impune un mic cerc, care îndeplinește un rol pur decorativ - se închide în comun săgeți clockT * / var: = new Sprite Sprite (); clockTablo.addChild (ceas); clockT.graphics.beginFill (COLH, 1); Ciclul grafic al graficului (0.0, HH); clockT.graphics.endFill (); clockT.x = diametru / 2; clockT.y = diametru / 2; / * Crearea și începe un cronometru care va gestiona tTimer săgețile * / var: timer = new Timer-ul (1000,0); tTimer.addEventListener (TimerEvent.TIMER, onTimer); tTimer.start (); funcția onTimer (eveniment: TimerEvent): void
Acestea sunt orele pe care le am:
Articole similare
Trimiteți-le prietenilor: