, skabe et økologisk opløses med perlin støj,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet greensock tweening platform. sprænge et billede væk med en sædvane, vind effectuse flash - projekt - panelet ‏ til at bygge en dynamisk as3 menu, i denne forelæsning, bygger vi en klasse - fil, der skaber et stiliseret maske for enhver, displayobject,.maske vil være baseret på perlin støj, og skabe en virkning af voksende huller, som gradvis "æde" på, displayobject, indtil den er fuldstændig tilsløret.vi vil lære nogle af de mere avancerede teknikker, der er til rådighed ved hjælp bitmapdata,.,,,, inden den endelige virkning, lad os tage et kig på den virkning, vi er efter.den stg nedenfor viser det, i form af overgangen mellem billeder.,, kan man se, at billederne slags smelte ind i hinanden på en tilfældig, men organisk måde.nye billeder begynder at vokse ud af små pletter, som til sidst vil fylde hele lærredet.denne virkning er baseret på perlin støj,.,,, hvad der er perlin?,, perlin støj, er opkaldt efter ken perlin, der har udviklet denne støj mønster for anvendelse i computergrafik ansøgninger.for bedre at forstå det, lad os tage et kig på regelmæssige støj, støj i computergrafik er dybest set bare en helt tilfældig image.hvis du åbner photoshop, skabe et nyt image, og fyld gulvet med hvide, kan du se virkningerne af regelmæssige støj ved at vælge den filtreres > støj > der tilsættes støj - menuen.fastsætte beløbet til 100%, og evt. tænd hyperaktive mulighed.virkningen vil ligne statisk:,, det kan være fremstillet ved simpelthen blot hver pixel af et image for en tilfældig grayscale beløb (det er lidt af en forenkling, men lad os holde det enkelt). perlin støj, på den anden side har en mere økologisk mærke til det, og det er derfor, det blev udviklet.du kan få en fornemmelse for det i photoshop, ved at skabe et nyt dokument, og så vælger, filter > de > skyer.du skal straks se forskellen:,, kan man se, at hver pixel har en indflydelse på dets naboer og mørke er grupperet sammen, hvilket giver den et bedre udseende. på grund af den "kontrollerede vilkårlighed" af perlin støj, det har tonsvis af ansøgninger i computergrafik, fra mønstre i 3d - simuleringer til simulering af røg. og ild.vi vil drage fordel af den "luminans sammenslutning" af perlin støj til at kortlægge huller i vores maske. wikipedia er en kort artikel på perlin støj.denne artikel bliver til en hel del detaljer om støj i almindelighed og perlin støj især, hvis du vil vide mere om gennemførelsen af processen, trin 1: skabe projektet, til at opbygge vores virkning, vi skriver den klasse, som i sidste ende vil klare den grafik, samt en prøvning fil, for at se, hvordan vores virkning. start ved blot at oprette en ny mappe på din harddisk, perlin maske, at parlamentet alle projektrelaterede filer.,, trin 2: blitz fil åben flash faglige (cs4 blev brugt til at skrive denne forelæsning, men i trin 15 skal du at bruge en vektor, som kun er til rådighed i flash - pro - cs4 +; jeg har ydet et alternativ ved afslutningen af dette skridt og skabe en ny actionscript 3,0 fil (gå til den, fil > nye menu vælge ", actionscript 3,0," fra listen). redde denne fil, perlinmask.fla, i deres projekt mappe.,, kopiere, kom, mappe fra den oprindelige prøvning projekt til din nye lysbilleder projekt, således at vi har adgang til, perlinmask, klasse i, lysbilleder, klasse, tilføje denne kode:, pakke (import - flash. udstilling. *; import flash. begivenheder. *; import flash. utils. *; import com.activetuts.effects.perlinmask; import kom. greensock. *; import kom. greensock. lempelse. *; offentlige klasse lysbilleder udvider sprite (private var _images: system; private var _masks: system; private var _timer: timeren; private var _index: uint; offentlig funktion slideshow() {_images = [saturn_mc, spiral_mc, mars_mc, hyperion_mc, galacticcenter_mc] _masks = [] for hver (var - img: sprite i _images) (_masks. tryk (nye perlinmask (img 1)} _timer = nye timer (5); _timer. addeventlistener (timerevent.timer, ontimer); _timer. start(); _index = 0, ontimer (er)} privat funktion ontimer e: timerevent): ugyldig (var - maske. perlinmask = _masks [_index] var billede: sprite = _images [_index] setchildindex (billede her. numchildren-1); maske. reseed(); mask.percent = 1; tweenlite - maske. 2, {% 0, lette: quad.easeout}); _index +; hvis (_index > = _masks. længde) (_index = 0}}}} efter importen og ejendom erklæringer, vi sætter tingene i den pågældende.vi har en vifte af billeder (billeder, sprite, genstande, hver med et billede, der er indeholdt i), og vi er også aktivere en tom system til at holde masker objekter.så vi sløjfe over det, mange af billeder, og for hvert billede, skaber vi en associeret maske.det, perlinmask, referencer givet billede, og indtager samme plads i, _masks, system som billede har i, _images, system, det næste skridt er at oprette et, jas,, som skovbrande hvert 5. sekund.vi udløser timeren er lytter manuelt i starten, således at den første billede til overgangen til straks, i modsætning til at vente 5 sekunder til timeren til ild.der er også en, _index, ejendom, at vi nulstille til 0.dette spor den stilling, den i øjeblikket viser billede i den dragt. næste, i de tilfælde, så kontakt, den første ting, vi gør, er at få henvisninger til det nuværende billede og maske objekter ved hjælp af, _index,.vi far det billede til toppen af skærmen skorsten, således at det fortaber sig i på toppen af den tidligere image.så stiller vi masken, reseed, så vi får en ny overgang, sørge for, at dens, procent, er 1, så det billede der starter helt usynlig, og endelig en mellem en procent af 0, hvorved det image i verden. den sidste del af begivenheden kontaktperson forhøjelser, _index, ejendom, kontrol for at sikre, at det er en juridisk rækkevidde for system, at det tilbage til 0, hvis det er nødvendigt.det holder vores billeder hen på ubestemt tid, skruet tilbage til begyndelsen. under det videre, der er detaljer, vi kan føje til, perlinmask, klasse.det ville f.eks. være forholdsvis let at tilføje nogle montører og getters for tåge beløb.de ville bare sætte setter de eksisterende, _blur, ejendom, blurx, og blury, til den ønskede værdi.det kunne endda være tweened ud over den procent, for en ekstra trippy virkning. også, at det ville være hensigtsmæssigt at tilføje mindst frem til, _target,, så du kunne altid reference den maskerede genstand fra en given maske.på samme måde kan det være nyttigt at tilføje en setter for, _target,, så du kunne genbruge maske blandt flere, displayobject, s. vi kan f.eks. ikke skabe fem maske objekter i foredrag projekt skaber en og omfordele det til den i øjeblikket overgår image som nødvendigt. der kan også være andre parametre, der er udsat for at ændre resultatet af perlin støj.octaves, udlignes eller frø værdi kan være potentielt tilpasset til specifikke virkninger.måske er du efter en særlig støj - og, du ved, en frø af 420 får du det mønster. disse er nyttige idéer, men bliver uden for rammerne af denne forelæsning.jeg overlader det til dem som en øvelse til at gennemføre disse muligheder, hvis du vil have dem, image, kreditter, alle billeder, der er fastsat i de downloader pakke og præsenteret i de billeder og statsejede investeringsfonde på denne side, der er leveret af nasa.de er hentet fra de seneste stillinger i astronomi billede i dag websted, som kan ses her.de har en rss - foder, der anbefales, nasa giver deres billeder i det offentlige rum som beskrevet her.for fuldstændighedens skyld, billeder, blev fundet på følgende internetadresser, hvor du kan også læse om emnet).,, galaktisk center: http://apod.nasa.gov/apod/ap090614.html, hyperion: http://apod.nasa.gov/apod/ap110227.html, saturn & titan: http://apod.nasa.gov/apod/ap110308.html, mars: http://apod.nasa.gov/apod/ap110313.html, spiral galakse: http://apod.nasa.gov/apod/ap110322.html, konkludere, at vi har formået at skabe en ret fed måde at overgang fra at være synlige for kunst, eller omvendt.på den måde, vi har behandlet nogle af de finere metoder, som er forbundet med, bitmapdata,.jeg håber, at du har ikke kun udvidet deres viden om actionscript, men endte med en smart virkning for din værktøjskasse.tak for at komme ud at lege.,