1. Location:
  2. / Computer learning >> Datamaskin læring >> Programvaren kunnskap >> Grafisk Programvare >> flash >>

Eksklusiv Freebie: AS3 Bilde Revealer

Exclusive Freebie: AS3 Bilde avsløre
Del
Del
Del
Del

Dette Cyber ​​mandag Envato Tuts + Kursene vil bli redusert til bare $ 3. . Ikke gå glipp av

"Pinch, punsj, første dag i måneden", "White Rabbits" - men du liker å markere begynnelsen på en ny måned, liker vi å bringe dem inn med freebies :) Denne måneden har vi en flott liten AS3 Bilde avsløre fra Carlos Yanez.


Bilde Credits:


http://www.flickr.com/photos/luciano_meirelles/4196173858

http://www.flickr.com/photos/arcticpuppy/4091521108


AS3 Bilde avsløre

Ta en titt på bruk eksempler:

Her er et eksempel avsløre en svart og hvit versjon av et bilde:

Dette kan være svært nyttig i før og etter sammenligninger:


Funksjoner

Ved hjelp av denne basen filen kan du:

Endre før og etter (nederst til øverst) Images < li> Bruk noen vise objekt for effekten

Endre slideren grafisk


Bruks

Åpne ImageRevealer.fla Hotell og redigere MovieClip
i den fasen, bruker du Tidslinje
å bestemme hvor du vil plassere hvert bilde og justerer Mask
størrelse for å fylle bildet.


Åpne Main.as
fil og redigere de markerte linjer:
pakke {import flash.display.Sprite; import flash.events.MouseEvent; import flash.geom.Rectangle; offentlig siste klasse Hoved strekker Sprite {var rammen: int = 11; //Dette er midtrammen offentlig endelige funksjonen main (): void {img.gotoAndStop (11); //Endre rammen for å vise halvparten toppen, halvparten bunnen arrows.buttonMode = true; addListeners (); } Private endelige funksjons addListeners (): void {arrows.addEventListener (MouseEvent.MOUSE_DOWN, initDrag); arrows.addEventListener (MouseEvent.MOUSE_UP, termDrag); img.addEventListener (MouseEvent.MOUSE_UP, termDrag); } Private endelige funksjon initDrag (e: MouseEvent): void {/* Endre y verdi (353) til y av dine "piler" MC Endre bredden verdi (300) til bredden av bildet dra område * /piler. startdrag (sant, nytt rektangel (0, 353, 300)); stage.addEventListener (MouseEvent.MOUSE_MOVE, revealImage); } Private endelige funksjon termDrag (e: MouseEvent): void {arrows.stopDrag (); stage.removeEventListener (MouseEvent.MOUSE_MOVE, revealImage); } Private endelige funksjon revealImage (e: MouseEvent): void {/* Dette er en vanskelig del, standardrammene i MC er 20 må du beregne konstant etter dine rammer og bildestørrelsen for å avsløre bildet riktig * /img.gotoAndStop (Math.floor (arrows.x * 0.07)); //0.07 Er konstant her}}}