3 wordt gebruikt. Het team van het project van een dynamische ‏ menu,,,,,,,,, 3 1, deel 1,,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks GreenSock tussen de animatie platform voor een deel in de vorm van een biologische ontbinding en Berlijn aan de apparatuur noisecreating virtuele rocker in deze handleiding voor het gebruik van het team van het project, zullen wij - het creëren van een verticale animatie 3 menu 's.Het hele proces zal het toestaan van het gebruik van parameters van de constructeur van alle aspecten van de menu 's te ontspannen.Meer lezen, studeren.,,, de laatste resultaten bekijken, laten we eens kijken naar de resultaten van de laatste, we zullen proberen:, stap 1: het creëren van een nieuw project, het begin van de bouw van een nieuw project.Open de zaklamp naar documenten > nieuwe projecten, en voor de selectie van de flash.Het team van het project, in het project zal plaatsvinden. De menu 's, de selectie van nieuwe projecten.- de naam van het project "animatedmenu".In de folder, kijken en de selectie van projecten plaats moet behouden; je kunt kiezen de MAP heeft bestaan, of het creëren van een nieuwe gids.Om ervoor te zorgen dat script versie zal worden gerealiseerd en klik op het creëren van project 3.Stap 2: toevoeging van de categorie, de MAP, nu het project worden gecreëerd, zullen we in het in de categorie van de toevoeging van een nieuw dossier.Nog steeds in hetzelfde panel "project" in "het dossier" icoon onderaan, nieuwe naam voor het dossier "klassen" en daarna de map.,, salaristrap 3: installatie van tweenlite, in deze handleiding zullen wij gebruik maken van de tweenlite klasse van de GreenSock, dus we moeten het toevoegen aan de ons project.Het downloaden en de winning, zet het op je project MAP, dan heb je animatedmenu /COM /GreenSock /), als je nu op het project panel, dit moet je zien, de structuur:,, 4: het creëren van een nieuwe flash, op een punt in het panel "nieuwe dossiers icoon het creëren van Een nieuw document, genaamd de" animatedmenu. Fla "(om ervoor te zorgen dat het dossier van de flash -), daarna tot documenten, wordt de omvang van het podium 600x350px.,,, salaristrap 5: het creëren van een nieuwe klasse van de documenten voor behandelingen, en daarna nieuwe documenten map "icoon, de aard van het dossier is gerealiseerd, de naam van de" grote ".Dit is onze documenten, als je niet vertrouwd zijn met de documenten van deze documenten, snelle tip zal je helpen. Stap 6: de oprichting van een ten opzichte van de bron weg, dit zal ons de mogelijkheid gebruik te maken van een soort in ons soort MAP, zonder wijziging van de naam van het pakket.Naar het dossier > om de keuze van de flash, rekening, en daarna de actie opgezet.Klik op "het toevoegen van nieuwe wegen plus knop" schreef de relatieve weg "van klasse 7. /.,, stap: code binnen de klasse van Main.as pakket documenten gewijzigd, de invoer, de categorie en het uit te breiden met Sprite" meester ".Hier is de code, het type verpakking (invoer van flash.display.sprite; in de loop van de eerste uitbreiding van de procedure: Sprite (, 8, verklaring van de variabelen, die zal worden gebruikt (, menu 's, is een script, creëren we na de eerste afdeling: locomotieven), de menu' s; particuliere var - 2: particuliere var Item3 menu 's; de menu' s en locomotieven: vierde: menu 's;,, stap 9: fabrikant, nu moeten we de code van de fabrikant, de code die het bevat, zal worden uitgevoerd, wanneer deze stoffen genoemd, de openbare functie Main ():void (,, stap 10: het creëren van vier menu' s, de concretisering van het menu te het creëren van een andere kleur, vier menu 's van de etikettering, de functie en de positie van het type en de grote, ///////menuitem vier voorbeelden- de parameters (x, Y, de kleur, de etikettering, de URL).Artikel 1 voor de nieuwe menu 's (100,60,0x28d9e9, "thuis", "HTTP://actief. Tutsplus. COM"); 2 = nieuwe menu' s (140150,0xa8fa2d, "diensten", "HTTP://psd. Tutsplus. COM"); (120240,0xfc30fc Item3 = nieuwe menu 's, "ik", "HTTP://netwerk. Tutsplus. COM"); de vierde = nieuwe menu' s (160330,0xee2b2b, "contact", "HTTP://vector. Tutsplus. COM"); je kunt veranderen, wijst op een andere website URL 's.,, 11: toevoeging van de fase van het project. Deze code is de Toevoeging van vier eerdere creëren op het podium, ///////het toevoegen van een project in de fase.Addchild (1); addchild (2); addchild (Item3); addchild (verordening); we hebben nu de voltooiing van de grote klasse, dit is het soort verpakking van de integriteit van de code, de klasse (invoer van flash.display.sprite; in de loop van de eerste uitbreiding van de particuliere var - eenheid Sprite {MENU; particuliere var 2: privé - menu 's; de VAR - Item3: van menu' s en de locomotief van de vierde: de menu 's; de functie van het creëren van:void Main () {///////de menu' s van vier categorieën van gevallen en oppervlakkige parameters (X, Y, de kleur, de etikettering, de URL).Artikel 1 voor de nieuwe menu 's (100,60,0x28d9e9, "thuis", "HTTP://actief. Tutsplus. COM"); 2 = nieuwe menu' s (140150,0xa8fa2d, "diensten", "HTTP://psd. Tutsplus. COM"); (120240,0xfc30fc Item3 = nieuwe menu 's, "ik", "HTTP://netwerk. Tutsplus. COM"); de vierde = nieuwe menu' s (160330,0xee2b2b, "contact", "HTTP://vector. Tutsplus. COM"); ///////het toevoegen van een project in de fase.Addchild (1); addchild (2); addchild (Item3 addchild ();}}}; ten vierde, deze te kort is, doen we het menu moeten doen, dus we zullen creëren "eigenschappen." met het menu nodig. En, stap twaalf: het menu, Tim de toevoeging van een nieuwe categorie 3 als je script dossiers voor Main.as niet gewijzigd.Het heet "eigenschappen." 13.,, stap in de categorie: zijn, moeten we de invoer van onze nieuwe klasse.Vergeet niet, je kan altijd op livedocs Czarnecki., tassen (invoer flash.display.sprite; de invoer van flash.events.event; de invoer van flash.events.mouseevent; de invoer van maïs. GreenSock. (*); de invoer van com.greensock.tweenlite; de invoer van maïs. GreenSock. Los. (*); de invoer van maïs. GreenSock. Plug - ins. (*); de invoer van flash.text.textfield; de invoer van flash.media.sound; de invoer van flash.net.navigatetourl; de invoer.. - urlrequest;.,, stap 14: klasse, verklaringen, menuitem (moeten met dezelfde naam als de naam "menu") en de uitbreiding van de categorie van de menuitem Sprite, de uitbreiding Sprite {, dit is wat we nu nodig hebben variabelen, zullen we nog iemand achter de vooruitgang van onze in deze handleiding van de rect1:D locomotiefYnamicmovie = nieuwe dynamicmovie (); ///////dynamicmovie klasse gebruiken in plaats van Sprite.De locomotief van de rect2:dynamicmovie = nieuwe dynamicmovie (); ///////registratie van dit kunnen we veranderen.De locomotief van de rect3:dynamicmovie = nieuwe dynamicmovie (); ///////dus we kunnen draaien rond het centrum van rectangels.Het aantal particuliere variabelen; particuliere var - y: nummer van de eenheid; kleur: locomotieven;,, dynamicmovie, is gebaseerd op een oude als in geschreven door Darren Schall 3; deze uitbreiding film... En de toevoeging van nieuwe eigenschap (x, Y, draaien, scalex2, scaley2, mousex2, mousey2,) laat je manipuleert de elfen, op basis van de registratie van de context, kan worden vastgesteld met behulp van, setregistration (), methoden, moeten we dit soort gedraaid rond het centrum.Laten we het stap 15:.,, de toevoeging van dynamicmovie klas, vind je deze les in deze handleiding van de bron van de oscartrelles.com MAP, of je kunt downloaden, en dan plaats je het in de categorie MAP, kan door onze code geïdentificeerd.,, stap 16: fabrikant, dit is menuitem fabrikant van openbare functies, de menu 's (posx: nummer: de hoeveelheid, de kleur, opschriften: eenheid, touw, touw titel: URL) {///////de positie en de kleur van de parameters.X = Y = POSx; opschriften; kleur = kleur; ///////addrect gespecificeerde parameters voor een functie van de toevoeging van drie rechthoekige.AddRect (rect1, 12, Y, 360,62, kleur, 0.3,3); addRect (rect2, X - 4, Y, 360,62, kleur, 0.4,0); addRect (rect3, X, Y, 360,62, kleur, 0,7, 2);}, stap 17: addRect (). Deze functie is, verantwoordelijk zijn Voor de tekening. Rectangles volgens de gegeven parameters: positie, breedte, lengte, kleur, alfa - en rotation., private functie addRect (rect:DynamicMovie, X:Number, Y:Number, width:Number, height:Number, color:uint, alpha:Number, rotation:Number) {rect.setRegistration (X + Y + (width/2), (height/2)); rect.graphics.beginFill (kleur, alfa); rect.graphics.drawRect (x, Y en de breedte, lengte); addchild (rechtstreekse); rect.rotation2 = deel;}, nu, je kan het en je zal zien. Ik bedoel, natuurlijk, we gaan, we kunnen niet als we niet nog wat a 's labels.We zullen in de volgende stap, stap. En 18: toevoeging van een dynamische tekst, terug naar je animatedmenu.fla dossier en de toevoeging van een nieuw symbool (Ctrl+F8); dat de naam "text_mc" en "script" export, binnen dit symbool, nu nog een 160x30px dynamische tekst met een tekst van instrumenten (T -).Dit is mijn regels het lettertype: slapjanus,px, ffffff.Voorbeelden van txtlabel "," de naam van de tekst te kiezen, het raam > aanpassing (CTRL + K), op de knop 'links rand "en" aanpassing "(om ervoor te zorgen dat de tik" aanpassing "fase, de keuze van maatregelen), 19: embedded fonts in de tekst gebied en de woorden moeten worden aangewezen. De tekst geeft de juiste tekst, dus ga, > lettertype verankering, geef het een naam (bijvoorbeeld" font1 "), de keuze van de familie Combo slapjanus lettertype, in de personages in het kader van, de keuze van de hoofdletters en kleine letters, en druk op de knop aan de linkerkant, +" in.Kijk naar de foto 's:,, 20 stappen: aanvulling van de etikettering, ons voor de concretisering van text_mc menu toevoegen, etikettering, opmaak.De toevoeging van deze code, menuitem.as, variabele dossier, particuliere var txt:text_mc = nieuwe text_mc (); we moeten worden toegewezen aan de tekst in de parameters van de fabrikant van de titel gegeven, zal deze code toe te voegen aan de fabrikant. Het einde van de tekst en de titel, //aangewezen plaats.Txt.txtlabel.text = titel; txt. X = X + 70; txt. Y = Y + 16; addchild (txt);, dit is wat je verdient, zullen wij in de volgende stap, een animatie menu toevoegen.,, 21 stap: het menu op ons menu 's voor de knop moet nog een een transparante rechthoek, geregeld, buttonmode, echt waar.Dus deze variabele van de lijst van variabelen, de locomotief menu: dynamicmovie = nieuwe dynamicmovie (); de fabrikant, in de toevoeging van deze code: ///////addrect functie, met een transparante en de vakken in de menu 's.Addrect (knop, X - 10, y-5380,80, de kleur, de 0,0); buttonmode = waar;,, 22 stap: toe te voegen aan de gebeurtenissen van luisteraars, voeg de volgende gebeurtenis luisteraars, het menu aan het einde van het menu aan de fabrikant., knopen. AddEventListener (MouseEvent. Mouse_over, mouseover); het menu. AddEventListener (mouse_out MouseEvent. Mouseout); de menu 's, de knop. AddEventListener (MouseEvent. Klik op de muis); 23 stap:,, de muis, deze functie wordt genoemd, de muis in het menu, privé functie (E,:mouseover gebeurtenissen) {VAR tijdschema: timelinelite = nieuwe timelinelite (); ///////rectangels draaien.De nieuwe tweenlite (rect1, 3, 4} {. Draaien: -); de nieuwe tweenlite (rect2. 3, rotation2:0} {); de nieuwe tweenlite (rect3, rotation2:5. 3 {}); ///////- tekst.Het tijdschema. Aanvullende (nieuwe tweenlite (txt. 3, {x x + 45, scaleX:1.1, zei: 1.1}); het tijdschema. De aanvullende (nieuwe tweenlite (txt. 3, {x x + 70, α: 1)) ///////); de tekst toe te voegen... Filter.; nieuwe TweenMax (txt - 3,. {-): (kleur: 0xffffff filter, een: 1, 5, blurx: bewijs: 5, van kracht: 1, de kwaliteit: 3}});}, we gebruiken hier GreenSock klasse timelinelite en TweenMax animatie - knop.Zoek activetuts + website meer opleiding met inbegrip van GreenSock.,, 24 stap: de muis, als de muis om deze functie terug naar zijn oorspronkelijke standpunt van de menu 's, private functie mouseout (E:MouseEvent) {VAR tijdschema: timelinelite = nieuwe timelinelite (); ///////- gedraaid naar de Eerste positie.De nieuwe tweenlite (rect1. 3, rotation2:3} {); de nieuwe tweenlite (rect2. 3, rotation2:0} {); de nieuwe tweenlite (rect3, draaien. 3. (2): ///////-); de tekst achter de animatie.Het tijdschema. Aanvullende (nieuwe tweenlite (txt. 3, {x x + 65, α:. 9}); het tijdschema. De aanvullende (nieuwe tweenlite (txt. 3 X X + 70 {})); de nieuwe TweenMax (txt. 3 - filter: {{- kleur: 0xffffff - 0, 0, 0, de kracht van bewijs blurx::: 0, de kwaliteit: 3}});}, 25, stappen: klik van de muis, de functie van de gespecificeerde URL, als je op het menu, privé - functies (E:MouseEvent) {///////mouseclick gevraagde URL 's.Navigatetourl (nieuwe urlrequest (myurl));}, je moet het vergroten van de lijst van variabelen, de particuliere var myurl: touw, en zal deze richtlijn; de fabrikant, myurl = URL 's;, weet je, je verdient het.Op het menu scrollen animatie, laten we nog een coole - effect, 26 stap: effect van deze functie zal bellen, in twee richtingen, het creëren van een willekeurige locatie, de omvang en de letter van de bubbels.Dit is de code:... (plaats, private functie: richting: nummer, nummer) {///////50 een luchtbel creëren, kunnen worden gewijzigd met het oog op het verkrijgen van een min of meer het nummer bellen.Voor (VAR i = 0; ik < 50; I + +) {VAR schuim: dynamicmovie = nieuwe dynamicmovie (); ///////registratie van de vaststelling van de schuim.Schuim. Setregistration (X + positie, Y); ///////schuim van dezelfde kleur aan de menu 's en een willekeurige α (maar niet meer dan 0,2).Schuim. Figuur. Beginfill (kleur, wiskunde. () + 0,2); ///////een cirkel met een straal van de positie en willekeurig.Schuim. Grafische. De cirkel (X + de + wiskunde. () * * * I y + 55) * * * I (wiskunde, wiskunde. () × 5); ///////extra schuim in de derde - index, het op het menu.Addchildat (schuim, 3); ///////in de richting van willekeurige tussen bubbels.De nieuwe tweenlite (bubble, wiskunde. () + 1, (X2:X 80 * richting + positie - wiskunde. () * * * I: y - y wiskunde. () * * * I, A: 0, gemakkelijk: '. Easeout});}}, 27, stappen heet bubbel, we moeten: de telefoon, Bubbles (), als een muis in functie van het menu.Dus de toevoeging van deze code, mouseover (). Functie: ///////links, schuim.Schuim (70,1); de schuim (270 ///////1); dit is iets voor ons:,, stappen 28: invoer van geluid, we moeten worden vervuld voor het menu nog geluid, reed Mouse.Dit doen vanuit hier downloaden van geluid (download mp3 - bestanden).En de invoer in de bibliotheek > de invoer van > in de bibliotheek.Het is omgedoopt tot "stem. -".,, voor het openen van de eigenschappen, de klik "senior"; de etalage extra inhoud, kiest de "s" en de "stem van voorwerpen" is de naam van de export, stap in. En 29: menu, toe te voegen aan de geluiden, De toevoeging van de invoer naar voorbeeld van eerder - de bibliotheek en het geluid van de spelen.Deze code, mouseover (), de functie, de variabele object: stem geluid object = nieuwe mysound () (); goede doel. Spelen;, bereiken we de menu 's.Hier menuitem.as volledige code: invoer invoer, pakje {flash.display.sprite; flash.events.event; de invoer van flash.events.mouseevent; de invoer van maïs. GreenSock. (*); de invoer van com.greensock.tweenlite; de invoer van maïs. GreenSock. Los. (*); de invoer van maïs. GreenSock. Plug - ins. (*); de Invoer van flash.text.textfield; de invoer van flash.media.sound; de invoer van flash.net.navigatetourl; de invoer van flash.net.urlrequest; de uitbreiding van de menu 's. Sprite {particuliere var rect1:dynamicmovie = nieuwe dynamicmovie (); ///////dynamicmovie klasse gebruiken in plaats van Sprite.De locomotief van de rect2:dynamicmovie = nieuwe dynamicmovie (); ///////registratie van dit kunnen we veranderen.De locomotief van de rect3:dynamicmovie = nieuwe dynamicmovie (); ///////dus we kunnen draaien rond het centrum van rectangels.De locomotief menu: dynamicmovie = nieuwe dynamicmovie (); de particuliere variabelen; particuliere var - y: nummer van de eenheid; kleur: locomotieven; particuliere var txt:text_mc = nieuwe text_mc (); de particuliere var myurl: touw; de openbare functie (posx: nummer van de menu 's, opschriften: de hoeveelheid, de kleur: eenheid, titel:... Http: ///////, string) {de positie en de kleur van de parameters.X = Y = = = = = = = POSx; opschriften; de kleur van kleur; myurl = URL 's; ///////addrect gespecificeerde parameters voor een functie van de toevoeging van drie rechthoekige.Addrect (rect1, 12, Y, 360,62, de kleur, de 0.3,3); addrect (rect2, X - 4, Y, 360,62, de kleur, de 0.4,0); addrect (rect3, X, Y, 360,62, kleur, 0,7, 2) de aangewezen plaats; ///////titel.Txt.txtlabel.text = titel; txt. X = X + 70; txt. Y = Y + 16; addchild (txt); ///////addrect functie die het gebruik van een transparante rechthoek in het kader van het menu.Addrect (knop, X - 10, y-5380,80, de kleur, de 0,0); buttonmode = waar; het menu. AddEventListener (MouseEvent. Mouse_over, mouseover); het menu. AddEventListener (MouseEvent. Mouse_out, mouseout); het menu. AddEventListener (MouseEvent. Klik op de muis);} privé functie addrect (vierkante of rechthoekige platen: dynamicmovie, X, y: breedte: hoogte:: de hoeveelheden, de hoeveelheid, de hoeveelheid, de kleur: eenheid, α: nummer draaien nummer) (als setregistration (X + (W /2), y + (lengte /2)); als grafische. Beginfill (kleur, α); als grafische. DrawRect (x, Y, de breedte, lengte); addchild (vak); rect.rotation2 = draaien;} privé functie mouseover (E:MouseEvent) {VAR tijdschema: timelinelite = nieuwe timelinelite (); var geluid: de stem van de nieuwe MYSO object object =Und (); de goede doel. De play (); ///////rectangels draaien.De nieuwe tweenlite (rect1, 3, 4} {. Draaien: -); de nieuwe tweenlite (rect2. 3, rotation2:0} {); de nieuwe tweenlite (rect3, rotation2:5. 3 {}); ///////- tekst.Het tijdschema. Aanvullende (nieuwe tweenlite (txt. 3, {x x + 45, scaleX:1.1, zei: 1.1}); het tijdschema. De aanvullende (nieuwe tweenlite (txt. 3, {x x + 70, α: 1)) ///////); de tekst toe te voegen... Filter.; nieuwe TweenMax (txt - 3,. {-): (kleur: 0xffffff filter, een: 1, 5, blurx: bewijs: 5, van kracht: 1, de kwaliteit: 3}}); ///////links schuim.Schuim (70,1); de schuim (270 ///////1);} privé functie mouseout (E:MouseEvent) {VAR tijdschema: timelinelite = nieuwe timelinelite (); ///////- gedraaid naar de eerste positie.De nieuwe tweenlite (rect1. 3, rotation2:3} {); de nieuwe tweenlite (rect2. 3, rotation2:0} {); de nieuwe tweenlite (rect3, draaien. 3. (2): ///////-); de tekst achter de animatie.Het tijdschema. Aanvullende (nieuwe tweenlite (txt. 3, {x x + 65, α:. 9}); het tijdschema. De aanvullende (nieuwe tweenlite (txt. 3 X X + 70 {})); de nieuwe TweenMax (txt. 3 - filter: {{- kleur: 0xffffff - 0, 0, 0, de kracht van bewijs blurx::: 0, de kwaliteit: 3}});} privé functie mouseclick (E:MouseEvent) {///////verzoek URL 's open.Navigatetourl (nieuwe urlrequest (myurl));} particuliere functie (stand: aantal bellen, richting: aantal) {///////50 een luchtbel creëren, je kan het aantal amendementen zijn min of meer schuim.Voor (VAR i = 0; ik < 50; I + +) {VAR schuim: dynamicmovie = nieuwe dynamicmovie (); ///////registratie van schuim opzetten.Schuim. Setregistration (X + positie, Y); ///////schuim van dezelfde kleur aan de menu 's en een willekeurige α en naar 0,2.Schuim. Figuur. Beginfill (kleur, wiskunde. () + 0,2); ///////een cirkel met een straal van de positie en willekeurig.Schuim. Grafische. De cirkel (X + de + wiskunde. () * * * I y + 55) * * * I (wiskunde, wiskunde. () × 5); ///////extra schuim in de derde - index in het menu.; addchildat (schuim, 3); ///////willekeurig in de richting van schuim Twain.De nieuwe tweenlite (bubble, wiskunde. () + 1, (X2:X 80 * richting + positie - wiskunde. () * * * I: y - y wiskunde. () * * * I, A: 0, gemakkelijk: '. Easeout});}}}}, hier is de laatste resultaten:,, conclusie, nu kan je je eigen eten en meer één toe te voegen en de menu' s, veranderen van kleur, wijziging van de tekst van de menu 's... En is in een aparte categorie in andere projecten gerealiseerd waarmee je in een gemakkelijk te gebruiken de code, ik wil u bedanken voor het lezen; ik hoop dat je het leuk vindt.,