, skabe et godt foto foto skærm med flash og photoshop,,,,, andel,,,,,,,, 5,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, altid har villet lave et overkommeligt og smukt billede med app?i denne lektion, jeg vil vise dig, hvordan design og kode en snedig polaroid billede med fokus på design og tweening.,,,, endelige resultat forpremiere, lad os tage et kig på det endelige resultat, vi arbejder hen imod:,, del 1: organisation, i dette afsnit vil vi drøfte vores folder struktur, også vil vi få vores lager billedsprog.,, trin 1: at skabe vores mapper, lad os skabe en folder, som vores projekt vil blive etableret.vi vil kalde det "polaroid skærm". bagefter bare kopiere denne mappe struktur:,, trin 2: forståelse af vores folder struktur, ved at skabe meget visuelle projekter, er det meget vigtigt, at vi først ved virkelig, hvad du vil have til at designe.inden for design, folder jeg altid have min visuelle begreber og også i design folder jeg redigere billeder, jeg får brug for et projekt, når jeg er færdig med mit koncept, jeg går over til at et produkt, jeg gør det her, inden projektet mappe.i projektet mappe er meget kendt bin, lib og src mappe struktur:,, bin,: alt, hvad der bliver eksporteret, og som er nødvendige for at iværksætte det endelige produkt, herunder data aktiver.,, lib.: vores flash dokumenter.,, src,: alle vores kodeks, vores egne fag, samt andre rammer,.,, trin 3: erhvervelse af aktier billedsprog, nu hvor vi har lavet vores mapper, lad os gå til billeder.i denne forelæsning. vi skal bruge to billeder:,, et polaroid billedet, et billede af et trægulv,, du får brug for en bestand xchange hensyn til at downloade billeder, hvis du ikke har en, du skal skrive under.det er et websted, fyldt med fri lager billeder!og klik, links til downloade billeder bagefter redde eller flytte dem til vores design mappe. også vi skal bruge billeder til sted indenfor, polaroid billeder.her er en liste over de billeder, som jeg har brugt, men det er gratis at benytte deres egne billeder.,, image
, image, image, afsnit 2: udformning, i dette afsnit, skal vi ændre vores lagre billeder.efter det, vi importerer disse billeder inde i vores flash dokument, som vi vil skabe senere. vi skal ændre vores billeder med photoshop, jeg vil bruge cs5, men du kan altid bruge ældre versioner.hvis du ikke er så sikker på din photoshop færdigheder, du kan downloade billeder, som jeg allerede har redigeret.bare downloade den kilde filer fra denne forelæsning, og du kan finde billeder i, redigeret af billeder, mappe.,, trin 4: at forberede vores trægulv, i det sidste eksempel, alle vores polaroid billeder lyver om et trægulv.vi er nu ved at skabe denne baggrund., skabe et nyt dokument i photoshop, med de dimensioner, 600x600px. tilsættes træ tekstur billede til dokumentet.omfanget af det, så du er tilfreds med det endelige resultat,.,, jeg har også tilføjet en gradient kort, om farver, sorte og hvide.,, jeg har ændret gradient kort overgang til 80%.- klik på en af de lavere pile, og bagefter klik på slaget i midten af gradient.træk den prik til 80%.,, og voila!vi har skabt vores træ baggrund.gem det i photoshop dokument (psd) i vores design mappe, og det navnet baggrund. psd,.,, løntrin 5: at forberede polaroid ramme, vi ønsker, at vore egne billeder inde i polaroid billedet.vi skal gøre to ting, vi skal først fjerne polaroid - billede fra dets (hvid) baggrund, og desuden er vi nødt til at klippe "foto" del væk. for at gøre det, vil vi først skaber en ny 600x600px photoshop dokument.pasta polaroid - billede i dokumentet, omfang det ned, indtil det passer.,, hvorfor har vi store billede ned?fordi vi er ved at skabe en 600x600px flash - dokument, og det er unødvendigt at og få et stort billede, hvis vi ikke selv omfang det større end 600 px.,, trin 6: at isolere polaroid - ramme, udvælge pen værktøj (p) og klik på polaroid ramme er kant.når der arbejdes med pennen værktøj, være sikker på, at pennen redskab i dets veje tilstand.,, kontrol af pressen + træde (windows) eller cmd + træde (mac) til at vælge denne vej., med din vej, udvalgte klik på "tilføje lag maske" knappen.vi har nu isolerede billederne fra dens baggrund.,, trin 7: at foto del væk fra polaroid billedet, dette skridt er meget lig udformning trin 4.igen vælge den pen redskab, og klik omkring den indre område af polaroid - ramme.derefter vælge den nuværende vej med ctrl + ind /cmd + ind. nu alat - klik på masken i lag - panelet.du er nu redigere maske direkte.,, vælges den plakat værktøj (m).højreklik deres valg og vælge fylde > sort., alat klik på masken ikon, til at vende tilbage til den "normale" lag synspunkt.vi har med held redigeret vores maske og nu vores billede er klar til brug.lad os redde image som en photoshop dokument (psd), jeg har nævnt, min dokument polaroid. psd.,, afsnit 3: flash, i dette afsnit vi (endelig) vil bruge lysglimt.vi skal sætte vores flash dokument at anvende den mappe, bin for eksport, og den mappe, src, for vores kodeks.tid til at åbne flash!,, trin 8: at skabe vores flash dokument, skabe en ny flash - dokument (actionscript 3, 0) med flash professionel.de dimensioner 600x600px og framerate 24 fps - ordningen.sæt det dokument, klasse, main.også ændre baggrunden for sort (# 000000).gem det, polaroid. blp ", i, l, mappe.,, trin 9: at ændre vores offentliggøre indstillinger, derefter gå til at indsende > offentliggøre indstillinger, ændring polaroid.swf,.. /bin /polaroid. stg, kan du uncheck den html mulighed.nu er alt vi eksporterer (kun en omvendt) i bin mappe.luk ikke den offentliggøre indstillinger vindue.,, trin 10: at ændre vores kilde vej, tryk, flash, tab.bagefter klik på indstillinger knap, den næste,, manuskript: actionscript 3,0,., nu kan vi ændre kilde vej.vil du se en mappe ikon med teksten ".", ændres til "... /src". - vil bruge, src, folder for alle klasser, trin 11: importere grafik til flash, er det nu på tide at begynde at importere vores grafik i vores - dokument.hvis du havde problemer med de billeder, du kan downloade kilde filer fra denne forelæsning i toppen.der vil være en folder, der hedder "redigeret billeder", der vil være redigeret billeder, som de kan bruge, skabe en ny flash - dokument (actionscript 3, 0) med flash professionel.de dimensioner 600x600px og framerate 24 fps - ordningen.også ændre baggrunden for sort (# 000000). har vi reddet vores billeder som. psd filer, fordi de arbejder så meget med andre adobe produkter, flash.efter oprettelsen af vores dokument, udvælge fil > import til bibliotek og udvælge polaroid.psd og background.psd.efter det, så vores bibliotek ser sådan ud:,, trin 12: at skabe vores baggrund sprite, drag background.psd fra biblioteket for vores scene, derefter konvertere det til en film magasin.navn på det grundlag og kryds, "eksport til actionscript".sæt den base, klasse, flash. udstilling. sprite.efter det, kan du fjerne baggrunden igen fra scenen.,,, hvorfor har jeg sat baggrund er basisklasse for sprite i stedet for misligholdelse basisklasse movieclip?fordi den eneste forskel mellem en movieclip og en sprite, er, at movieclips kan indeholde flere billeder og ånder ikke.vi har ikke brug for flere billeder af vores baggrund, så lad os sætte basisklasse for baggrunden for sprite.,, trin 13: oprettelse og vores polaroid film magasin, ligesom vi gjorde med vores baggrund, trække polaroid.psd fra biblioteket på vores scene.konvertere det til en film magasin og navn det polaroid, igen se, eksport til actionscript, boks.sæt den base, klasse, flash. udstilling. sprite,.,, trin 14: at skabe vores billede er lag, vores kamera er stadig på scenen, double-click, så vi kan ændre det.så vidt polaroid, har kun en lag, kalde det lag, polaroid billedet,., skabe to nye lag dem navne, maske, og image indehaver,.,, trin 15: at skabe image indehaver, vores kamera vil indeholde et billede, billede skal vises, et eller andet sted, og det vil blive gjort i - klip hedder, "billede holder",., tegne et rektangel med ca. på størrelse med "foto område" af polaroid, gør det i et indehaver, lag.det er ligegyldigt, hvilken farve de rektangel vil være.efter at skabe dette rektangel, omdanne det til en film, clips, hedder det: "image indehaver". giv image indehaver en instans med navnet, imageholder,., trin 16: at føje en maske til image indehaver, image indehaver skal indeholde de billeder, som vi vil lade.nogle gange disse billeder er for store, - - tag f.eks. en 400x100px billede; dette billede er alt for lang, og dets kanter ville strække sig ud af billedet.vi ønsker at forhindre dette.derfor må vi gemme alle billeder, der ligger uden for billedet indehaverens område. for at gøre det skal vi skabe en maske.maske fortæller en lag, der skal fremlægges, og som skal være skjult. hvis vi vil have alle billede vises i image indehaver, uden fremspringende kanter, bør vi sætte masken er størrelse til de samme dimensioner som billede indehaver selv. kopi image indehaver, og sæt det på plads med ctrl + forskydning + v (windows) /cmd + forskydning + v (mac) på lag, maske.bagefter bryder den kopierede image indehaver af ctrl + b (windows) /cmd + b (mac). endelig må vi fortælle vores, maske, lag, at det er en maske.højreklik på lag, maske og vælge den mulighed, maske,.,, afsnit 4: kode, det er tid til at starte kodning, hvis du havde problemer med den, flash afsnit, kan du kopiere den mappe, flash sektion afsluttet.i den mappe, er alt, hvad du har brug for at starte, efter at disse skridt, skridt 17: at skabe en xml - filer, at lade vores billeder, vi bruger en xml - filer.xml - filen vil fortælle vores produkt, hvor billederne er beliggende., åbne en tekst, redaktør og type:, < billeder > < image > < fil > image_1 jpg < /fil > < /image > < image > < fil > image_2 jpg < /fil > < /image > < image > < fil > image_3 jpg < /fil > < /image > < /images >. du må ændre image_1.jpg, image_2.jpg osv. til filenames, der henviser til billeder, som ligger i, bin, mappe.hvis du ikke har nogen billeder, downloade billeder, som jeg nævnte i trin 3., redde xml - fil, som billeder. xml, i, bin, mappe.,, gå 18: hvilke kurser har vi brug for?før vi begynder kodning, er det vigtigt at vide, hvilke opgaver vores projekt skal gøre:, må vi lige vores billeder fra en xml - filer. vi skal vise disse billeder i et polaroid. skal vi forhindre, at andre billeder fra zoomer ind, når vi er allerede, zoomer ind på et polaroid.,, kode alle disse funktioner i en klasse ville gøre denne klasse ekstremt komplekse, er det bedre at seperate hver opgave til en anden klasse.,, imageloader: læsser xml - filen og give billederne til polaroidholder.,, polaroidholder:, når den modtager de billeder, vil det skabe et polaroid for hvert billede, så det sikrer også, at kun én, polaroid er zoomer ind på et tidspunkt,.,, polaroid,: billedet vises i denne klasse, skridt 19: at skabe vores vigtigste klassede vigtigste klasse er den klasse, der polaroid.fla opkald, når det bliver indledt, skabe en ny actionscript fil og navn, "vigtigste. som", gem det i srk mappe.de vigtigste klasse ser ud som følger:, pakke (import flash.display.movieclip; offentlige klasse vigtigste udvider movieclip {offentlige funktion main(): ugyldig (}), det er så tomt, fordi vi først skal skabe andre klasser, mens vi har travlt, vi fortsætter med at lægge kode til den vigtigste klasse.,, gå 20. - information om absolutte og relative fil veje, i dette projekt, som vi er ved at læsse flere aktiver: en xml - sagen og forskellige billeder.vi kan bruge, relative fil veje eller absolutte stier.lad mig forklare forskellen med et eksempel. vi har følgende mappe struktur:,, loader.swf skal belastning image1.jpg.fra sin nuværende position, loader.swf skal "åbne" billeder fortegnelse og belastning image1.jpg.vi fortæller loader.swf til last, billeder /image1 jpg,.denne form for belastning er relativ fil vej, lastning, fordi url, slægtning, til at lade. stg nuværende stilling. og hvordan du lader image1.jpg, uanset hvor loader.swf befinder sig?det er overstået, absolut fil vej lastning.filen vej begynder fra den øverste kerne, fra roden.hvis det er på en computer, kilden er en harddisk.vi sender vores projekt på nettet, så de grundlæggende ville være stedet server.,, gå 21:, hvorfor vi har brug for absolut fil veje, når vores projekt er gjort, vil vi gerne sende det.sandsynligvis ville det være indbygget i en html side.der er et lille problem.hvis loader.swf vil belastning, det vil belastning fra sin nuværende position, fra det sted, hvor den html side.vi ønsker ikke, og derfor skal vi bruge absolut fil vej -. nu kommer det største problem, vil vi ikke vide, hvor de html fil.vi er nødt til at finde den absolutte, vej til. stg fil og redigere den vej, så vi kan fylde vores billeder, vi kan få den absolutte vej til. stg fil med rod. loaderinfo. url,., det er tid til at skabe vores, imageloader, klasse, skridt 22: at skabe vores imageloader klasse, skabe en ny actionscript fil og navn, imageloader.,, gem det i. src mappe.klasse ser sådan her ud, er det blevet grundigt kommenteret:, pakke (//import de klasser, har vi brug for import flash.net.urlloader; import flash.net.urlrequest; import flash.events.event; import flash.display.loader; import flash.display.bitmap; import flash.display.sprite; offentlige klasse imageloader udvider sprite (//læsser vores xml - private var xmlloader: urlloader = nye urlloader(); //lager xml - private var xml: xml; //en liste over fil veje til billeder, private var imagefilelist: xmllist; //vejen til. stg fil private var swfpath: string; //projektet mappe vej (hvor de mapper bin, src og lib er beliggende) private var projectpath: string. /vi må kende denafsnit i vores projekt, så vi kan redigere. stg url for at få vores projectpath private var projecttitle: string; //vi er nødt til at tælle, hvor mange billeder, vi allerede har ladet private var tæller: uint = 0; //vi skal opbevare de billeder, billeder bitmaps offentlige var billeder: vector. < bitmap > = nye vektor. < bitmap > offentlig funktion imageloader (_projecttitle: serie) (//, vi må vide, hvornår imageloader er tilføjet, så kan vi finde ud af, hvad årsagen er url er addeventlistener (event.added, whenadded); //butik projektets titel projecttitle = _projecttitle; //da imageloader er færdig med lastning, ring til xmlloaded xmlloader. addeventlistener (event.complete, xmlloaded)} private funktion whenadded (ref.: begivenhed): ugyldig (//opbevarer stg vej swfpath = root.loaderinfo.url; //få vores projectpath projectpath = swfpath. substr (0, swfpath.length - projecttitle. længde)} //denne funktion vil læsse billeder fra en xml - og lagre billeder offentlige funktion belastning (url: serie): ugyldig (//belastning af xml -, som vi bliver nødt til at læsse billeder xmlloader. belastning (nye urlrequest (projectpath + url)} privat funktion xmlloaded (ref.: begivenhed): ugyldig (//butik xml -, som xmlloader har ladt xml - = nye xml (ref. målet data.); //opbevarer alle filen forbindelser i en xmllist imagefilelist = nye xmllist (xml. billede. fil); //nu, hvor vi har indgive oplysninger, kan vilad de billeder loadimages();} privat funktion loadimages(): ugyldig (for hver (var - imagefile: snor i imagefilelist) (//skabe var imageloader: lad = nye loader(); //, hver gang et billede er blevet klargjort, ring til imageloaded imageloader. contentloaderinfo. addeventlistener (event.complete, imageloaded, falske, 0, sande); imageloader. belastning (nye urlrequest (projectpath + imagefile)}} privat funktion imageloaded (ref.: begivenhed): ugyldig (//vi er at tælle, hvor mange billeder, vi allerede har ladt, vi har lastet (en) en tæller +; //få billede bitmap var billede: bitmap = bitmap (begivenhed. målet. rampe. indhold); //lagre billedet i vores billeder vektor billeder. tryk (billede); //, hvis det er det sidste billede, vi skulle belastning, hvis (tæller = = imagefilelist. length()) (//vi er færdige, send en begivenhed dispatchevent (nye tilfælde ('imagesloaded ')) //- rengøring //- rampe. mål. at lade. unload();} offentlig funktion cleanup(): ugyldig (xmlloader.data = ugyldig; xmlloader = ugyldig; xml - = ugyldig; imagefilelist = ugyldig; - = 0, billeder = ugyldig;}}}, gå 23: forbedring af vores vigtigste klasse, nu hvor vi har vores imageloader klasse, vi kan forbedre vores vigtigste klasse., pakke (import flash.display.movieclip; import flash.events.event; offentlige klasse vigtigste udvider movieclip (//skik, klasse, vi har lavet, som vil have alle billeder fra en xml -fil, som bitmaps private var imageloader: imageloader; //denne klasse vil holde og vise alle vores billeder private var polaroidholder: polaroidholder; offentlig funktion main(): ugyldig (//belastning vores billeder, giv imageloader navn. stg fil, så det kan belastning ved hjælp af absolutte veje imageloader = nye imageloader ('polaroid stg ".); addchild (imageloader); imageloader. addeventlistener ('imagesloaded, displayimages, falske, 0, sande); imageloader. belastning ('pictures. xml)} privat funktion displayimages (ref.: begivenhed): ugyldig (//vi har ladt alle vores billeder polaroidholder = nye polaroidholder (imageloader. billeder); addchild (polaroidholder); //også rydde op imageloader imageloader. cleanup();imageloader = ugyldig;}}}, gå 24: at skabe vores polaroidholder klasse, polaroidholder vil modtage de billeder, som en vektor.efter at have modtaget billeder, vil det skabe et polaroid for hvert billede.lad os skabe vores polaroidholder klasse:, pakke (import flash.display.movieclip; import flash.display.bitmap; import flash.events.mouseevent; offentlige klasse polaroidholder udvider movieclip (//denne vektor vil holde alle vores billeder offentlige var billeder: vector. < polaroid > = nye vektor. < polaroid > //med denne variabel vi ingen private var zoomedin: boolean; //polaroid - vi zoomer ind på privat var currentpolaroid: polaroid, offentlig funktion polaroidholder (billeder: vector. < bitmap >) (//konstruktøren kode for hver (var - billede: bitmap i billeder) (//skabe et nyt foto var polaroid: polaroid = nye polaroid (billede); //holdning og rotér det polaroid. x = matematik. random()* 200 + 100; polaroid. y = matematik. random() * 200; polaroid.rotation = matematik. random() * 60 - 30 //tilføje en klikkende eventlistener polaroid. addeventlistener (mouseevent.click, onpolaroidclick); addchild (polaroid); //det billeder vektor billeder. tryk (polaroid)}} privat funktion onpolaroidclick (ref.: mouseevent): ugyldig (//- der har været et klik på et polaroid.hvis (currentpolaroid = = null) (//nr. currentpolaroid er blevet fastsat, vi zoomer ind //der klikkede polaroid, som den nuværende polaroid currentpolaroid = event.currenttarget som polaroid; //stum alle andre billeder (dem, der ikke er i) for hver (var - foto: polaroid billeder, hvis (i) (polaroid.= currentpolaroid) {polaroid. mute();}}} andre (//se om klik på nuværende polaroid, hvis (event.currenttarget = = currentpolaroid) (//samme billede er blevet slået (igen), tid til at zoome ud //unmute alle andre billeder, de kan svare igen på begivenheder for hver (var polaroid: polaroid i billeder) (hvis (polaroid.= currentpolaroid) {polaroid. unmute();) //- nu er vi ikke er, så har vi ikke en nuværende polaroid currentpolaroid = ugyldig;}}}}}, i) 50 og 62, vi kalder de funktioner, mute(), og unmute(),.stum gør billedet følelsesløs til alle omstændigheder, det ikke vil reagere på mus over, eller klik.det er netop det, vi vil, når vi er i.vi vil ikke have andre billeder til at gøre noget.efter vi zoomer ud, vi vil have billeder til at reagere på begivenheder, ved at unmute, billederne vil svare igen med mus over og klik.,, gå 25: at skabe vores polaroid klasse, nu er det tid til at skabe vores mest interessante klasse, vores polaroid klasse!her har vi brug for den folkelige tweening bibliotek tweener.downloade det, og redde biblioteket i srk folder (se vejledningen for yderligere detaljer)., pakke (import flash.display.movieclip; import flash.events.mouseevent; import caurina. overgange. *; import caurina. overgange. egenskaber. *; import flash.display.bitmap; import flash.events.event; offentlige klasse polaroid udvider movieclip (//den skala, som polaroid er er i menig static i denne zoomed_in_scale: antal = 1; //omfanget, hvor billedet er er privat statisk i denne zoomed_out_scale: antal =. 6; //max højde et billede kan være private var image_max_height: antal; //max bredde til det kan være private var image_max_width: antal; //skal vi målestok, som den ladt.alder husker skalaen private var målestok: antal; //, når vi zoome ud, vi zoome ud tilbage til polaroid oprindelige holdning og rotation //polaroid - oprindelige x samordne.private var origx: antal; //, vi har også brug for den oprindelige y koordinere private var origy: antal; //lagre billedet er original rotation private var origrotation: antal; //, når det bliver rigtigt boolean, polaroid - ikke vil reagere på mus begivenheder private var afdæmpet: boolean; //, vi har brug for at vide, om billedet er blevet slået offentlige var sammen: boolean, offentlige funktion polaroid (billede: bitmap) (//gør billedet en knap buttonmode = sandt; //de største tilladte dimensioner for et image er begrænset af de dimensioner, imageholder image_max_height = imageholder.height; image_max_width = imageholder.width; //omfang polaroid - ned scalex = zoomed_out_scale; scaley = zoomed_out_scale;////////- er vi nødt til at resize billedet, så det passer til //først se, om det er et portræt eller landskab, hvis (image.width > image. højde) (//- det er et landskab //omfanget er begrænset af billedet er højde - skala = image_max_height /image.height;} andre (//den a //omfanget er begrænset af billedet er bredde omfang = image_max_width /image.width;} //omfang billedet image.scalex = omfang; image.scaley = omfang; //tilføje skaleres image imageholder. addchild (billede); //add begivenhed lyttere til polaroid, addeventlistener (mouseevent.mouse_over, onmouseover); addeventlistener (mouseevent.mouse_out, onmouseout); addeventlistener (mouseevent.click, onclick); addeventlistener (event.added, whenadded)} offentlig funktion mute(): ugyldig (//kalder denne funktion vil gøre billedet ikke reagere på begivenheder buttonmode = falske afdæmpet = sandt.} offentlig funktion unmute(): ugyldig (//kalder denne funktion vil gøre polaroid - reagere på begivenheder buttonmode = sandt, afdæmpet = falske} privat funktion whenadded (ref.: begivenhed): ugyldig (//butik polaroid - oprindelige koordinater og rotation origx = x; origy = y. origrotation = rotation; //, vi ikke har brug for denne begivenhed til at lytte mere, fjerne det removeeventlistener (event.added, whenadded)} privat funktion onmouseover (ref.: mouseevent):. (//reagerer kun, hvis billedet er ikkeværet afdæmpet, hvis!dæmpede) (//reagerer kun, hvis billedet ikke er blevet slået, tændte billeder må ikke reagere på mus overtagelser.hvis (!klik) (//- polaroid til fronten forælder. setchildindex (det parent.numchildren - 1); //bevæge sig og vende billedet i en vilkårlig retning tweener. addtween (denne (x: origx + matematik. random() * 30 - 15, y: origy + matematik. random() * 30 - 15. skift: origrotation + matematik. random() * 20 - 10: 1})}}} privat funktion onmouseout (ref.: mouseevent): ugyldig (//reagerer kun, hvis de ikke er blevet afdæmpet polaroid, hvis (!dæmpede) (//reagerer kun, hvis billedet ikke er blevet slået, hvis!klik) (//- polaroid, tilbage til det oprindelige forslag og rotation tweener. addtween (,: origx (x, y: origy, rotation: origrotation tid: 1})}}} privat funktion onclick (ref.: mouseevent): ugyldig (//reagerer kun, hvis billedet er ikke været afdæmpet, hvis!dæmpede) (//, hvis det ikke har været sammen før, hvis (!klik) (//, vi har været sammen, lad os gøre det rigtigt sammen = sandt; //vi zoomer ind, lad os sende en hændelse (vigtigste vil tage dette op) dispatchevent (nye tilfælde ('zoomin ')); //zoom polaroid i centrum af den fase, addtween (tweener. denne (x: stage.stagewidth/2 - bredde /2, y: stage.stageheight/2 - højde /2, rotation: 0, scalex: zoomed_in_scale, scaley: zoomed_in_scale tid: 1})} andre (//, vi har været sammen, så klikkede falske klikkede = falske; //vi zoomer ud, - er forsendelse en hændelse (vigtigste vil tage dette op) dispatchevent (nye tilfælde ('zoomout')); //zoom polaroid, tilbage til sin oprindelige holdning, tweener. addtween (,: origx (x, y: ellerigy, rotation: origrotation, scalex: zoomed_out_scale, scaley: zoomed_out_scale tid: 1})}}}}}, gå 26: forøgelse af vores polaroidholder til vores vigtigste klasse, foretage de ændringer, som set i kode nedenfor., pakke (import flash.display.movieclip; offentlige klasse vigtigste udvider movieclip (//sædvane klasse, vi har lavet, som vil have alle billeder fra en xml - fil, som bitmaps private var imageloader: imageloader; private var polaroidholder: polaroidholder; offentlig funktion main(): ugyldig (//belastning af vores imagges imageloader = nye imageloader(); imageloader. addeventlistener ('imagesloaded, displayimages, falske, 0, sande); imageloader belastning ('pictures.. xml)} privat funktion displayimages (ref.: tilfælde): ugyldig (//vi har ladt alle vores billeder polaroidholder = nye polaroidholder (imageloader. billeder); addchild (polaroidholder); //også rydde op imageloader imageloader. cleanup(); imageloader = ugyldig;}}}, skridt 27: resultatet så langt, det lader til at virke, men det er det ikke. meget interessant.når zoomer ind, brugeren ikke er "kom", vores produkt ikke er fordybende nok.det, vi har brug for, er en baggrund.for vi skabte i, trin 4.tid til at tilføje vores baggrund.,, skridt. 28: forøgelse af vores baggrund, vi havde eksporteret vores baggrund med klasse, baggrund,., vil vi ikke blot tilføje baggrund som barn af vigtigste, vil vi også gøre baggrund darken, når vi er i, og ikke, når vi er ude.hvordan gør vi det?når et polaroid er trykket, det fremsender en skik begivenhed, zoomin, eller, zoomout,.vi kan spore denne begivenhed, bare tilføje begivenhed lyttere til vores vigtigste klasse, de henter zoomin og zoomout begivenheder, og når de er taget, kan vi fortælle vores baggrund for at lette eller darken:, pakke (import flash.display.movieclip; import flash.events.event; import caurina. overgange. *; import caurina. overgange. egenskaber. *; offentlige klasse vigtigste udvider movieclip (//skik, klasse, vi har lavet, som vil have alle billeder fra en xml - fil, som bitmaps private var imageloader: imageloader; //denne klasse vil vise alle vores billeder, ved at modtage en vektor for bitmaps private var polaroidholder: polaroidholder; //træ baggrund, bg er en abbrivation for baggrund private var bg: baggrundoffentlig funktion main(): ugyldig (//belastning vores billeder imageloader = nye imageloader ('polaroid. stg '); imageloader. addeventlistener ('imagesloaded, displayimages, falske, 0, sande); addchild (imageloader); imageloader. belastning ('pictures. xml); //tilføje vores bg som barn bg = ny background(); addchild (bg); //add begivenhed til at lytte, så vi ved, når vi zoomer ind eller ud //3. del af addeventlistener, er sandt, så vi kan fange den begivenhed, når det bobler "op fra billedet addeventlistener ('zoomin, onzoomin, sande); addeventlistener ('zoomout, onzoomout sand)} privat funktion displayimages (ref.: begivenhed): ugyldig (//vi har ladt alle vores billeder polaroidholder = nye polaroidholder (imageloader. billeder); addchild (polaroidholder); //også rydde op imageloader imageloader. cleanup(); imageloader = ugyldig;} privat funktion onzoomin (ref.: begivenhed): ugyldig (//efter zoomer ind, vil vi blive mørk bg tweener. addtween (bg, {-. 6. 1})} privat funktion onzoomout (ref.: begivenhed): ugyldig (//efter zoomer ud, må vi lette bg tweener. addtween (bg, {- 1: 1})}}}, skridt 29: se tilbage, hal!vi er færdige, det var noget af en lektion.jeg håber, i har haft det sjovt, efter at denne forelæsning, og også lært noget af det.hvorfor ikke lege med den?du kunne prøve tekst områder og på en eller anden måde har titlen på det billede.eller bruge flere typer af billeder.tak, og føle sig fri til at udtale sig, hvis du har spørgsmål eller kommentarer.hold øje med min næste lektion.,