Vedere principală - Piggy bank. Totul despre proiectarea, dezvoltarea și crearea site-urilor
Vizualizare principală - un blog despre design, web design și dezvoltare web. Dacă sunteți în curs de dezvoltare site-uri web, sau sunteți interesat în web design și pur și simplu de proiectare lucruri care ne înconjoară, sau sunteți doar interesat în tema de web design și dezvoltare web, atunci acest blog va fi foarte util pentru tine. Pe blog puteți găsi articole, recenzii, lecții și multe altele.
În acest tutorial flash, să vedem cum este foarte ușor să obțineți filmul Clip să se miște în spatele cursorului mouse-ului. Efectul flash al mișcării în spatele cursorului mouse-ului este foarte simplu de schimbat și de a da orice fel de obiect Film Clip în mișcare. Notă: Această lecție necesită o bibliotecă TweenMax.
Cum arată
Creați un document
1. Creați un nou document Flash ActionScript 3. 2. Setați dimensiunile documentului 400x300 pixeli și tempo 30 fps.
Creați un fundal.
3. Selectați instrumentul dreptunghi și creați un dreptunghi cu o dimensiune de 400 × 300 pixeli fără lovituri. Aliniați-l în centrul scenei orizontal și vertical. 4. Adăugați o umplutură radială în dreptul dreptunghiului nostru (culoarea din stânga: # 00CCFF, culoarea din dreapta: # 000000)
Strat nou pentru clipul de sub cursor
5. Creați un nou strat și numiți-l "urmaș".
Crearea unui clip
6. În stratul creat "follower", desenați un cerc alb fără lovituri. Dimensiunea cercului este de 25 × 25 pixeli. Conversați cercul creat într-un clip video cu următoarele setări: 7. Clipului creat i se va atribui numele "follower".
Crearea unui script ActionScript 3
8. După ce am pregătit totul în scenă, tot ce trebuie să faceți este să adăugați un script care face ca filmul să se miște în spatele cursorului mouse-ului. Creați un nou strat și denumiți-l "acțiuni" și adăugați un script:
Aici ascultăm mișcările mouse-ului, iar când începe să se miște, mutăm filmul la coordonatele poziției curente a mouse-ului. Folosim biblioteca TweenMax pentru a face mișcările mai fine și mai frumoase. Pentru a adăuga unele neclare, vom folosi următorul cod.
După cum puteți vedea, toată animația este realizată de funcțiile de jos () și sus (). Folosim pur și simplu succesiunea acestor funcții. În acest mod, efectul nostru flash este gata. Descărcați sursa.
Stați la curent
Prin citirea acestui site sunteți de acord cu utilizarea cookie-urilor. În caz contrar, părăsiți acest site. Sunt de acord
Trimiteți-le prietenilor: