, eksklusive gratis: piecemaker xml - galleriet,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss ud. det er den 1. april.jeg vil ikke anbefale, at du tager alt om tuts + lokaliteter alvorligt i dag, her er ingen spøg.i dag ser begyndelsen af månedlige eksklusive friture - høj kvalitet filer (websted skabeloner, gallerier, media players, ikon sæt...), der udelukkende til activetuts + læsere.at smide os ud i stil, her er fantastisk piecemaker galleri, skabt af bj ö rn fra modularweb.ud over de gratis, vil du finde omfattende dokumentation og en tut for indfødte 3d elementer af flash cs4.over til dig, bj ö rn..., ajourføre: kan du nu tage den seneste version: piecemaker 2 til at drage fordel af nogle fremragende tilføjelser, herunder wordpress stik af!,,, så denne eksklusive frie, demo, mener, at det på nettet, piecemaker, piecemaker, et 3d - billede rotator galleri i den reneste forstand.den er åben kilde, så du kan downloade det, bruge det i et projekt, som tager ved lære af det, ændre det og forbedre det, hvis du kan.vi vil gerne se, hvad du gør med det.det er selvfølgelig ikke nogen bindende betingelse, men vi ville elske at vise jeres arbejde på de officielle piecemaker websted.,,,,,,,,, af galleri nok var født, da jeg første gang så cu3er image rotator den glimrende stefan kovac gennemføres på et websted.jeg var meget fascineret af virkningen af at skære et billede op i stykker, vender de elementer og genskaber et nyt billede af dem, fra den dag jeg var tænker på at skabe et galleri med fokus på en sådan virkning, og at lege med det.med bare et par variabler, dette bliver meget alsidig.den piecemaker bruger den mægtige tweener motor fra caurina, hvilket gør det støtte masser af mellem typer af overgange, f.eks. kubikmeter, hoppe eller elastiske. der er masser af muligheder for selv at bygge den loge, så værsgo, downloade og begynde at spille!,,, skabe en drejning terning, i denne forelæsning. du skal lære at skabe et vende terning med de indfødte 3d - motor for flash - cs4.en vej terning, som denne, er et af de centrale elementer i piecemaker image rotator galleri. denne trinvise tutor vil dække nogle af de grundlæggende spørgsmål i forbindelse med de indfødte flash 3d - motor, og som navnlig fokuserer på forskellen mellem dybde i form af z - aksen og dybden af display - liste. det er et en forsmag på, hvad vi sigter efter inden for denne lynkursus:,, trin 1: en simpel terning, starter vi med at skabe en enkelt terning med noget overhovedet. //variabler til terning dimensioner dynamisk var cubewidth: int = 100; var cubeheight: int = 200; //skabelse og placering af kuben (den tomme beholder til sider) var terningen: movieclip = nye movieclip(); terning. x = 300; terning. y = 230 og cube.rotationy = - 30 ////////gør det ved 30 grader til at se det fra den side addchild (cube); //ved en løkke til at skabe fire sider i terningen for (var - jeg: int = 0. jeg < 4 - + +) (var - side: movieclip = nye movieclip(); side.rotationx = - 90 * i. //tilsætning af overflader til sider var overflade: movieclip = nye movieclip(); overflade. x = cubewidth /- 2; overflade. z = cubeheight /- 2; overflade. grafik. beginfill (0xff0000, 0,6) overflade. grafik. drawrect (cubewidth /- 2, cubeheight /- 2, cubewidth, cubeheight); overflade. grafik. endfill(); side. addchild (overflade) terning. addchildat (, 0)), trin 2: tilføjelse af bevægelse i dette skridt, vi tilføje en til at lytte til at skabe og bevægelse.følgende kode indsættes under kode af det foregående trin: //stigende rotationx med 3 med hver ny ramme addeventlistener (event.enter_frame, turncube); funktion turncube e: begivenhed) (cube.rotationx + = 3), trin 3: indgående spørgsmål, det er allerede ret meget, som vi gerne vil have det.men forskellen mellem dybde på z - aksen og dybden i form af rækkefølgen af display - liste er ikke blevet rørt., at visualisere det emne, vi tildeler forskellige farver på de forskellige sider af terningen.at tildele flere farver, skaber vi en farve system og tildele farver baseret på dette system inden for, loop. //variabler til terning dimensioner dynamisk var cubewidth: int = 100; var cubeheight: int = 200; //at skabe et system med farver, der tildeles de sider var farver: array = [0xff0000, 0xffff00, 0x00ff00, 0x0000ff]; //skabelse og placering terningen (den tomme beholder til sider) var terningen: movieclip = nye movieclip(); terning. x = 300; terning. y = 230 og cube.rotationy = - 30 //gør det ved 30 grader til at se det fra den side addchild (cube); //ved en løkke til at skabe fire sider i terningen for (var - jeg: int = 0. jeg < 4 - + +) (var - side: movieclip = nye movieclip(); side.rotationx = - 90 *jeg; //tilsætning af overflader til sider var overflade: movieclip = nye movieclip(); overflade. x = cubewidth /- 2; overflade. z = cubeheight /- 2; //fylder overflader med den mængde, der i stedet for blot røde overflade. grafik. beginfill (farver [i] 1) overflade. grafisk fremstilling. drawrect (cubewidth /- 2, cubeheight /- 2, cubewidth, cubeheight) overflade. grafik. endfill(); side. addchild (overflade) terning. addchildat (, 0)), trin 4: analyse af spørgsmålet, hvad vi finder, at parterne holde deres for på skærmen liste.den røde side, som står øverst på listen, er aldrig skjult af enhver anden side, selv om det er vendt tilbage til af terningen.den blå side på bunden af display - liste er altid gemt af de andre parter, selv når de vender bevægelighed bringer det foran alle de andre. det er klart, at vi taler om to forskellige former for indgående her.den dybde, der er skabt af de indfødte flash 3d - motor er mere af en pseudo - 3d virkning.alle ændringer af z ejendom eller rotationx, rotationy, rotationz osv. kun fordi overslag deformation af formål, men de kan ikke skabe en reel 3d plads. trods alt anvendelse stadig er 2d. dette tvinger os til at kontrollere display liste manuelt dybest set at simulere 3d plads.vi har brug for en automatik, for at se, hvilken side er i front på dette tidspunkt af bevægelsen, bogstaveligt talt i to dele problemet, kan vi skabe et andet element af kubussen - en side, som altid er foran de andre.i dette tilfælde ville det være den venstre side.derfor holder vi terningen kode, som den er, og blot tilføje følgende kode direkte efter for, loop. //oprettelse af den venstre side af terningen var tilbage: movieclip = nye movieclip(); venstre. x = cubewidth /- 1; left.rotationy = 90; venstre. grafik. beginfill (0x000000, 1) og venstre. grafik. drawrect (cubeheight /- 2, cubeheight /- 2, cubeheight, cubeheight); venstre. grafik. endfill(); terning. addchild (til venstre), nu er vi nødt til at kontrollere kun to sider på en gang, i stedet for fire, som de to andre er altid gemt i venstre side.vi har stadig brug for automatik til disse to sider.følgende stg viser dig, hvor vi er nu!,, trin 5: bytter de parter, til at forvalte rækkefølgen af sider på displayet liste, er vi nødt til at bytte rundt på dem hele tiden.for at følge de parter, vi giver hver side et navn at referere, når fortegnelserne er ændret. //et navn føjes til hver side inden for loop.for (var - jeg: int = 0. jeg < 4 - + +) (var - side: movieclip = nye movieclip(); side.rotationx = - 90 * i side.name = "side" + i...}.//////////////, nu skal vi udvide rotation funktion til kontrol af staten rotation.var newfront: int = 1; //næste side til at være i front var checkrotation: int = 0; //kontrol af hver 45 grader af rotation var rotationspeed: int = 3; //kontrollere rotationshastighed dynamisk addeventlistener (event.enter_frame, turncube); funktion turncube e: begivenhed) (//en faktiske rotation og checkrotation variabel cube.rotationx + = rotationspeed; checkrotation + = rotationspeed; //bytte det nuværende og kommende side til at være i front efter 45 grader.hvis (checkrotation = = 45) (cube. swapchildrenat (2, 3)} //den næste i rækken efter 90 grader og nulstilling checkrotation hvis (checkrotation = = 90) (checkrotation = 0, newfront +; hvis (newfront = = 4) (newfront = 0} terning. swapchildren (cube. getchildat (2), terning. getchildbyname ("side" + (newfront)))), så er det nu.her er resultatet:,, trin 6:, og endelig er der den fulde kode for dig at se: //variabler til terning dimensioner dynamisk var cubewidth: int = 100; var cubeheight: int = 200; //den vifte med flaget af sider var farver: array = [0xff0000, 0xffff00, 0x00ff00, 0x0000ff] //skabelse og placering terningen (den tomme beholder til sider) var terningen: movieclip = nye movieclip(); terning. x = 300; terning. y = 230 og cube.rotationy = - 30 //gør det ved 30 grader til at se det fra den side addchild (cube); //ved en løkke til at skabe fire sider i terningen for (var - jeg: int = 0. jeg < 4 - + +) (var - side: movieclip = nye movieclip(); side.rotationx = - 90 * i side.name = "side" + jeg; //tilsætning af overflader på siderne var overflade: movieclip = nye movieclip(); overflade. x = cubewidth /- 2; overflade. z = cubeheight /- 2; overflade. grafik. beginfill (farver [i] 1) overflade. grafik. drawrect (cubewidth /- 2, cubeheight /- 2, cubewidth, cubeheight); overflade. grafik. endfill(); side. addchild (overflade) terning. addchildat (, 0)} //oprettelse af den venstre side af terningen var tilbage: movieclip = nye movieclip(); venstre. x = cubewidth /- 1; left.rotationy = 90; venstre. grafik. beginfill (0x000000.); venstre. grafik. drawrect (cubeheight /- 2, cubeheight /- 2, cubeheight, cubeheight); venstre. grafik. endfill(); terning. addchild (venstre); //endelig udvidede omdrift funktion var newfront: int = 1; //than næste side til at være i front var checkrotation: int = 0; //kontrol af hver 45 grader af rotation var rotationspeed: int = 3; //kontrollere rotationshastighed dynamisk addeventlistener (event.enter_frame, turncube); funktion turncube e: begivenhed) (//forøgelse af den faktiske rotation og checkrotation variabel cube.rotationx + = rotationspeed; checkrotation + = rotationspeed; //bytte det nuværende og kommende side til at være i front efter 45 grader.hvis (checkrotation = = 45) (cube. swapchildrenat (2, 3)} //den næste i rækken efter 90 grader og nulstilling checkrotation hvis (checkrotation = = 90) (checkrotation = 0, newfront +; hvis (newfront = = 4) (newfront = 0} terning. swapchildren (cube. getchildat (2), terning. getchildbyname ("side" + (newfront)))), konkluderes, at den oprindelige flash 3d, funktionalitet, giver os nogle ret handy elementer til at skabe grundlæggende 3d virkninger med alt, samtidig med at den fil størrelse til et minimum.men når vi begynder at grave lidt dybere og forsøge at skabe en mere kompleks 3d scener eller virkninger, vi snart opdage dens grænser. en vej terning kan foretages med en smule besværligt, et mere komplekst miljø, som f.eks. piecemaker galleri forårsager alvorlige hovedpine, som udviser liste skal overvåges og ajourføres konstant.det er muligt, men jeg er i tvivl om, at det giver mening at forsøge at løse mere komplekse opgaver, denne vej. jeg elsker 3d ansøgninger og de indfødte 3d er en god måde at få gang i flash 3d. vi skal dog være klart, om det giver mening at anvende den, og hvor det gør det ikke. det er genialt, for at skabe enkle virkninger uden at øge fil størrelse.i mere komplekse opgaver, bliver vi nødt til at indrømme, at det ikke er muligt, da det er trods alt kun en pseudo - effekt.det er, hvor "ægte" 3d - motorer, som f.eks. papervision3d bør spille ind. tak for at læse, jeg håber du har nydt tut og have det sjovt med piecemaker galleri.,