De oprichting van een

flash Game menu: dia 's, de oprichting van een flash Game menu: dia' s,,,,,,,,,,,, deel 1,,,,,,, het netwerk van delen van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen, om te stoppen met het gebruik van statische menu.De meeste spelers op het menu zien hun eerste indruk, ze gaf ze onmiddellijk een flash Game indruk.Door de menigte, een activiteit van de menu 's.Deze handleiding is, in december de eerste uitgave van de 2011, maar heeft bijgewerkt van aanvullende maatregelen om de code, hoe meer flexibiliteit.,,, de laatste resultaten bekijken, het initiatief: statische en het woord "ruis", die grotendeels het gevolg is van een gebrek aan veranderingen.De meeste van de menu 's, zien we geen verandering in het gehele netwerk spel, je drukt op de en het spel begint.Het menu is en dat het buitensporige gebruik van kleine creatieve of innovatie, zodat een menu "actieve" moeten we voortdurend verandert.In deze handleiding, dit is precies wat we gaan doen: een menu, verandert voortdurend.,, stap 1: instellingen, wat we nodig hebben is het eerste ding is een nieuwe Flash (behandelingen). 3.De breedte en hoogte voor de 350px 650px, 30, per seconde.De achtergrond is wit van kleur, kunnen verlaten. Nu kun je het bewaren van documenten, wat je maar wil, maar ik noem ik, menuslides. De FIA,, in het volgende deel zullen wij de oprichting van negen videoclip met het menu.Als referentie, hier is een lijst van alle kleuren in de hele training:,, witte,&#ffffff, #, goud, goud, e8a317, licht,&#fbb917,ءc7, blauw, blauw,խff,,,, groene,񔱣, groen - ene8f1b, rood. En󱬰, rood,&#c10202 mat grijs, #,,,, 222222, stap 2: het creëren van dia 's animatie... We zullen creëren voor de omschakeling, in de eerste plaats de dia' s, maar voordat we dat doen, laten we een aantal zeer nuttige functie van de Flits, klik en de fase van Selectie, Maas > een net.Bij gebrek aan het creëren van netwerken op het podium 10 pixels 10 pixels.De volgende, klik op het podium, en deze keer kies, kopen de > sluiten net, en nu kunnen we beginnen schilderen.Het kiezen van de rechthoek instrument om een rechthoekige, goud, 650px breed 350px hoog (kun je de alt - sleutel op het podium makkelijker zou zijn).Nu veranderen van kleur met een gouden beeld drie, elk 20x20px die groep, op elke hoek een L - vormige:,, keuze van het podium, en selecteer, omgezet in symbolen.De naam van de film, en ervoor te zorgen dat de goldslide, type, film, en de registratie van de linker, om tijd te besparen, maakt de dingen makkelijker, klik, goldslide film... In de bibliotheek, keuze van symbolen, herhaal, drie keer meer dan drie kopieën van maken.In de nieuwe videoclip veranderen van kleur met blauw, groen en rood, en vervolgens om de film... En blueslide, greenslide redslide,,,,., voor we verder gaan, moeten we nog een tekst, elke dia 's.In de goldslide schrijven, spelen in het blueslide, schrijft richtlijn, in greenslide geschreven optie in de redslide schrijven, kredieten, nu hebben we de tekst waar we kunnen breken, behalve door te klikken op het en kiezen, gescheiden, twee keer te vullen; dit zal de tekst van dit om soepeler te laten verlopen.En als een extra bonus als je het menu, zou het niet nodig zijn om in een lettertype.Nu trekken we de knop, 4 dia 's van belang dat we de sidebutton, film, is voor het verplaatsen van links of van rechts of van de dia' s, in de eerste plaats, alleen een foto van een rechthoek 30x60px reizen (zonder vulling), dan trekken en van rechts en rechter hoek tot midden in De kaart aan de overkant van 45 graden.Nu zal een licht grijs gevuld in een driehoek: de volgende stap, het schrappen van de lijn en klik op de driehoek, de selectie, de voor de omrekening van symbolen.Het is de naam, sidebutton,, type, druk op de knop, en ervoor te zorgen dat de registratie is in de linkse hoek, nu opgenomen in de lijsten in de as 3 klik op de tijdlijn en selectie, de sleutel erin luizen.In een frame, keuze van de vulling driehoek, naar het raam van etiketten en de kleur kiezen.- in plaats van 50%.In het kader van hetzelfde proces, maar deze keer een Alpha van 75%, kunnen we nu in de cirkel te beginnen op vier nummers, rechtstreeks naar de specifieke dia 's, een schilderij van een witte ronde geen beroerte 30px.Omzetten in een symbool, het is de naam van de circleone, en het type, druk op de knop, en het punt van de registratie in het centrum.Als we niet voor de drie belangrijke lijst ingevoegd, en dan naar het kader van het Midden en het centrum, geen beroerte door middel van coördinatie of door aanpassing van het menu 's een zwarte ring 25 pixels.De afschaffing van de zwarte ring van volgend jaar, dan weer de keuze van het te schrappen.Je moet nu een witte ring.Pak de tekst nu instrumenten om een witte "1" in het midden van de ring.En dan de cijfers breken, totdat het een vol.Centrum, breekt het, totdat het een vulling.Nu de kiezen en opnieuw worden gevuld en dan wissen.De keuze van in het kader van elk van de dingen, en een kopie van het frame, en naar de volgende, kiezen en klik op geschrapt.We kopiëren en plakken op de. Scheppen nu drie ronde videoclips, volgens hetzelfde proces, op nummer 2, 3 en 4, salaristrap 3:., - film... En we zijn bijna klaar met de helft.Ten eerste zal de positie van de dia 's van alle op het podium met de volgende coördinaten:,, goldslide: (0, 0), blueslide: (650, 0), greenslide: (13 0), redslide: (1950 - 0), twee van de sidebutton vallen, nu.Het eerste exemplaar moeten worden geplaatst (spp.); wij kunnen in de kopie op een tweede kopie, voordat we het omdraaien.Ten tweede, de keuze van de ctrl-t. veranderen - en ongeveer 100%, -, de bovenste en onderste, 100%.Nu in het tweede verslag (640145), laatste ronde slepen en vier film... En hun positie:,, circleone: (30320), circletwo: (70320), circlethree: (110320), circlefour: (150320), het moet nu, je ziet er als volgt uit:,, blauw, groen en rood dia 's verborgen is op het podium rechts.Nu kunnen alle fasen en omgezet in een symbool.De naam van het menuslidesmc, die film, type en geregistreerd in de linkerbovenhoek van uitvoer, en het script, menuslidesmc,., kunnen we de film... Moeten we aan iedereen binnen, menuslidesmc, aanleg van naam.De keuze van elke dia in volgorde van links en van hun naam, slide1, slide2 slide3,,,,, slide4, respectievelijk.Naam van de ronde knopen,,,,,,, drie, vier, en tot slot de naam naast de knop, links, rechts,,,,,, stap 4: ontwikkeling van studieprogramma 's, en nu al onze film... We kunnen beginnen met de oprichting van twee soorten moeten we eerst naar je, Flash. En de vaststelling van de soorten, menuslides,; ten tweede, het creëren van een nieuwe behandelingen en het behoud van het menuslides drie documenten,.,., nu de code het; ik zal uitleggen, flash.display.movieclip pakket {invoer; de invoer van flash.events.event; de invoer van flash.events.mouseevent; uitbreiding van de cursussen movieclip menuslides (publiek var menuslidesmc:menuslidesmc = nieuwe menuslidesmc (); de functie van addchild (menuslidesmc menuslides () {});}}, dit is een zeer fundamentele documenten, terwijl we de video van de invoer, en we zullen het gebruik van gebeurtenissen.Dan maken we een voorbeeld van, en menuslidesmc, toegevoegd aan het creëren van een nieuwe fase, nu de drie documenten behandelingen, menuslidesmc, bijvoorbeeld.Bewaar het, menuslidesmc.as, en de volgende gedragscode in het pakket - flash.display.movieclip, invoer: invoer van invoer; flash.events.event; flash.events.mouseevent; in de loop van de uitbreiding van de menuslidesmc movieclip {snelheid: = aantal nieuwe nummer (); de variabele aantal = nieuwe activeslide: nummer (); de functie van de snelheid van menuslidesmc () {activeslide = 10; addEventListener (= 1; mouseevent.click, slidesclick); addEventListener (event.enter_frame, slidesmove);}}}, net als de laatste keer dat we de invoer van wat we nodig hebben, maar we hebben twee variabelen.De eerste variabele snelheid, in feite is het aantal pixels, de dia 's van elk frame.(noot: deze cijfers moet gelijkmatig verdeeld in de breedte van de fase van je, om een soepele overgang).Twee variabelen, activeslide, en ons vertellen welke de dia 's zijn op dit moment verschijnt op het scherm, we hebben nog twee gebeurtenissen luisteraar functies, we creëren; een zijn een beroep te doen op een klik met de muis, en de andere is een in elk frame noemde.,, salaristrap 5: het creëren van Een gebeurtenis, ten eerste zullen wij een klik met de muis functies.Begonnen met de oprichting van een openbare functie noemen, slidesclick (): openbare functie, slidesclick (gebeurtenissen: de gebeurtenissen: {}) nietig is, dan zullen we over een als de versie van de gebeurtenissen van de naam van het doelwit,.,.Eigenlijk, dit is eigendom van de naam van het voorwerp van de door de opslag, de klik van de muis.We kunnen met deze controles die knop wordt ingedrukt, als: (event.target.name = = "links") {als (activeslide > 1) {}) activeslide = 1; anders als (event.target.name = = ") {als (activeslide < 4) {activeslide + = 1;}} als (event.target.name = = = = = = = = 1" ") {} activeslide; anders als (event.target.name = = = = = = = = 2 (" ") activeslide;} als (event.target.name = =" drie ") {} activeslide = 3; anders als (event.target.name = =" vier ") {activeslide = 4;}, dit deel van de code. En slidesclick (), functioneren.De eerste reeks als de verklaring van de linker en rechter knop; ze toename of afname van de waarde, activeslide,, maar mag niet minder dan 1 of de waarde van een groter dan 4 (want we hebben maar vier dia 's).De tweede reeks als de verklaring in plaats van de ronde knopen; de verhoging of verlaging van de waarde, activeslide, ze zal het voor de gekozen waarden, laten we beginnen met de behandeling, enter_frame, functie, slidesmove: openbare functies (gebeurtenissen: de gebeurtenissen): ongeldig {}, toevoegen, slidesmove (), lager is dan de functie van je, slidesclick (), de functie en de ons nog in een code in het begin.Ten eerste, we gebruiken een schakelaar, die dia 's te controleren, moet worden op het scherm, gebaseerd op de waarde van een activeSlide:,,, (activeSlide) (zaak 1: breek; Zaak 2: breek; Zaak 3 - 4: pauze, pauze, in elk geval}, nu we will create an plaats van als /blok dat will: dat slide's huidige x-position, en verder te gaan, alle, van de dia. Links, rechts of helemaal niet, depending op waar de wensen over Slide momenteel sits., de eerste zaak als deze lijkt, als (slide1.x< 0) {slide1.x+=speed; slide2.x+=speed; slide3.x+=speed; slide4.x+=speed;} anders als (slide1.x> 0) {slide1.x-=speed; slide2.x-=speed; slide3.x-=speed; slide4.x-=speed;}, we hebben nu al te doen, is het herhalen dat voor de andere zaken.Na je bent. Je moet ze swtich. Deze schakelaar (activeSlide) (zaak 1: als (slide1.x< 0) {slide1.x+=speed; slide2.x+=speed; slide3.x+=speed; slide4.x+=speed;} anders als (slide1.x> 0) {slide1.x-=speed; slide2.x-=speed; slide3.x-=speed; slide4.x-=speed;} pauze, zaak 2: als (slide2.x< 0) (slide2.x+=speed slide1.x+=speed;; slide3.x+=speed; slide4.x+=speed;} anders als (slide2.x> 0) {slide1.x-=speed; slide2.x-=speed; slide3.x-=speed; slide4.x-=speed;} breken; Zaak 3: als (slide3.x< 0) {slide1.x+=speed; slide2.x+=speed; slide3.x+=speed; slide4.x+=speed;} anders als (slide3.x> 0) {slide1.x-=speed; slide2.x-=speed;Slide3. X = snelheid; slide4. X = snelheid;} gebroken; 4: gevallen als (slide4. X < 0) {slide1. X + = snelheid; slide2. X + = snelheid; slide3. X + = snelheid; slide4. X + = snelheid;} anders als (x slide4. > 0) {slide1. X = snelheid; slide2. X = snelheid; slide3. X = snelheid; slide4. X = snelheid;} breken;}, dat is het!We zijn klaar met de code en van de rechten van de menu 's moet geweldig zijn, maar nu... Wachten, als we willen dat meer dia' s of om weg te blijven?Stap 6: in een serie dia 's, in deze tijd van ons de code is niet erg flexibel, omdat al deze hard - code, als het verslag.Dus, laten we wat gedurfde: de schrapping van alle in de slidesmove (code), omdat we het niet nodig hebben, als de knop en het schrappen van verklaringen te optimaliseren, nu we die. De aankondiging van een nieuwe variabele (hieronder, snelheid, en, activeslides,): openbare var slidesarray: - = nieuwe installatie (); de eerste variabelen, slidesarray, zal een serie met al onze dia 's, dit zal ons in staat stellen om door middel van een bezoek in de installatie (zodat we ze kunnen gebruiken, slidesarray [2], terwijl niet is, slide3,), op een ding. Dat is in de - In het eerste project is een index, 0, dus geven we onze naam veranderen, de keuze van de volgorde van links van elke dia' s naamWel, slide0,, slide1, slide2, respectievelijk, slide3,,.En ons te helpen bij de vermindering van het aantal voor de code gebruiken we, elke ring gevonden in hun volgorde van links en van hun naam, circle0, circle1 ring, reïncarnatie,,,,,, resp. Als je wilt toevoegen, meer dia 's en de knop, en nu is het tijd om dat te doen.Zolang de extra dia 's In dia' s aan het einde van de locatie, en in dezelfde volgorde van hun naam aan het voorbeeld van.En dan is een knop om hetzelfde te doen, nu we een voorbeeld namen, we moeten worden toegevoegd aan de in de installatie van dia 's.Doe het volgende toevoegen aan je slidesarray = [slide0 fabrikant:,, slide1, slide2, slide3, slide4, slide5]; de dia 's, nu in de satelliet kan door de index - toegang.Bijvoorbeeld, slidesarray [0], gelijk aan, slide0, want dat is de lijst van projecten in de eerste, de volgende, in de "juiste", of als de verklaring, de voorwaarden veranderen, zoals: (activeslide < slidesarray. Length-1) {, slidesarray.length waarde, is gelijk aan het aantal elementen van Het pakket, dus de nieuwe onder de voorwaarden, kunnen we nu druk op de knop, de dia 's als actief. Uiteindelijk niet glippen.,, stap 7: behandeling van rond de sleutels, nu, als een cirkel knop klikt, we moeten uitzoeken wie wie is (en de glijdende:), het creëren van een scala aan het redden van alle knopen.In de eerste plaats, de definitie van het scala van In dia 's, van de variabelen, slidesarray: - = nieuwe installatie (); de variabelen circlesarray: - = nieuwe installatie (); de toevoeging aan de fabrikant, en dan een ronde knopen:, circlesarray = [circle0, circle1, ring, reïncarnatie, timing, circle5], nu de mobiele;, slidesclick (), functioneren als anders, in het hele blok.We moeten controleren of de knop - knop is rond, als (circlesarray. (gebeurtenissen. De doelstellingen).= 1) {}) (), indexof de functie van een voorwerp is van een reeks onderzoeken; zo niet, dan terug, 1.Dus, we kijken niet gelijk is aan 1, het zal nagaan of het is in de reeks,,, in de veronderstelling dat het is, dan indexof (), de functie terug in het interne verkeer knop - index - dus als reïncarnatie, klikt, circlesarray. (gebeurtenissen. Doel is gelijk aan 3),,.Dit betekent dat we kunnen worden geregeld, activeslide, 3, doen we het.Als (circlesarray. (gebeurtenissen. De doelstellingen).= 1) {activeslide = circlesarray. (gebeurtenissen. De doelstellingen);}, salaristrap 8: dia 's, het enige wat we nog moeten doen is van de dia' s.De cyclus begint met dezelfde, voor ons, slidesmove (). Functie: voor (var i:int = 0; ik < slidesarray.length; I + +) {}, of anders de verklaring moet worden toegevoegd; deze zal worden gebruikt voor variabelen, activeslide, dia 's en een onderzoek van de positie van de installatie, net als vroeger, als (slidesarray [activeslide]. X < 0) {} anders als (slidesarray] [activeslide. X > 0) {}, omdat, activeslide, is een aantal slidesarray [], activeslide, verwijst naar een bepaalde glad, dus, slidesarray] [activeslide. X is gelijk aan de positie van de glijbaan. In het eerste geval, zullen we nog een cyclus, de montage, alle rechten en in het tweede geval zullen we nog een ring, die alle filmpjes van links en rechts: F.Of (var j:int = 0; J < slidesarray.length; j) {slidesarray. J X + = snelheid;}, links, (var K:int = 0; K < slidesarray.length; k) {slidesarray [K] X = snelheid.;}, als je dit test, zul je zien dat wij, de optimalisering van de code heeft geleid tot een krachtige interface.,, 9: verdere stappen, als je verder wilt gaan, kun je een ring, de positie van de kring van dia 's, en moet het laten vallen, in plaats van in de flash - ide.Natuurlijk, de dia we'd positie, eerste positie, slide0, in de constructor:, slidesArray = [slide0, slide1, slide2, slide3, slide4, slide5]; slidesArray[0].x = 0; slidesArray[0].y = 0;,. We'd lus door alle andere, dia, te beginnen bij, slide1, slidesArray = [slide0 slide1:,,, slide2, slide3, slide4, slide5]; slidesArray[0].x = 0; slidesArray[0].y = 0; voor (var i:int = 1; I < slidesArray.length; I + +) {}, we kunnen niet alle dia van een y-position van 0, slidesArray = [slide0, slide1, slide2, slide3, slide4, slide5]; slidesArray[0].x = 0; slidesArray[0].y = 0; voor (var i:int = 1; I < slidesArray.length; I + +) (slidesArray[i].y = 0;},... En dan kunnen we een EA- dia 's positie is 620px aan de dia' s, rechts voor: slidesarray = [slide0, slide1, slide2, slide3, slide4, slide5]; slidesarray [0]. X = 0; slidesarray [0]. Y = 0; voor (var i:int = 1; ik < slidesarray.length; i + +) (slidesarray [M] = [...] slidesarray. X. X + 620; slidesarray [M]. Y = 0;}, als je de dia 's niet 620px breed, je kan zelfs de automatische controle van de breedte.En slidesArray = [slide0, slide1, slide2, slide3, slide4, slide5]; slidesArray[0].x = 0; slidesArray[0].y = 0; voor (var i:int = 1; I < slidesArray.length; I + +) (slidesArray[i].x = slidesArray[i-1].x + slidesArray[i-1].width; slidesArray[i].y = 0;}, je kunt het doen het ding met de cirkel knopen, Maar ik ben? Dat is geboekt. Om je te zijn... Over de., dit is en je kan nog zo veel als je wilt aan de dia 's; alle je hebben te doen is nog niet naar de generator, en they'll worden dealt met door deze code. Kan je het verwijderen van dia, (van De installatie ook, maar ze zal niet zijn die door een van de code, dus dat is waarschijnlijk 10 reposition ze in de flash IDE.), dat, dank je wel voor het nemen van de tijd tot en met rHet Europees beoordelingsdocument de les, ik hoop dat het nuttig is dat je iets geleerd hebt, actieve spel, menu 's.

The basic Slide Design
What your side Button Should Look Like
circleOne Up Frame
circleOne Over Frame
What your stage Should Look Like



Previous:
Next Page: