De totstandbrenging van een dynamische flash Game menu: de accordeon

, de bouw van een dynamische flash Game menu: de accordeon,,,,,,,,,,,, deel 1,,,,,,, het netwerk van delen van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, wanneer je voor het eerst open een flash Game, de eerste indruk is gebaseerd op de menu 's, ze zien.Helaas, veel van het menu is saai, gewone, statisch.Dat is verschrikkelijk nieuws.Veel spelers in het spel zal zetten, en dan naar een ander spel.Laat dit niet gebeuren met je.Het uiteindelijke resultaat bekijken,,,, het menu zien, zullen we een duidelijk:,, in een volledige spel, verschillende menu bestaat uit een andere knop, tekst, en sub - menu 's.Wat is het, de: dynamische menu?In onze dynamische menu voor leren, moeten we eerst leren een statische menu is.Een statische menu 's worden door haar beschrijving te definiëren: "statische", het gebrek aan verandering en "menu" betekent, betekent dit dat een lijst van beschikbare opties, of kiezen.Dus, statische menu is een optie of de keuze van de interface, dit is niet veranderd, integendeel, het woord "dynamische" betekent in een systeem of procedure van voortdurend verandert.Dus in de meest eenvoudige termen voortdurend bijgewerkt dynamische menu interface.,, stap 1: instellingen, moeten we in de eerste plaats moet het scheppen van een nieuwe Flash (Script 3), het vaststellen van de breedte en hoogte van 650px 350px die beelden per seconde, en 60.Niet de veranderen de kleur van de achtergrond, het als een witte; later in de les, creëren we een achtergrond. We hebben de flash - dossier, kunnen we het redden. Je kan je een van je een naam.Ik noem mijn menuaccordion. Florida, in de volgende afdeling creëren we acht videoclips menu. Hier is een lijst van alle kleuren en hun hex - code zal in deze handleiding te gebruiken:,, witte,&#ffffff, goud,&#e8a317, licht. Goud,&#fbb917,ءc7, blauw, blauw,խff,,,, groene,񔱣, groen, rood, 3e8f1b, #,󱬰, rood,&#c10202 mat grijs, #,,,, 222222, stap 2: het creëren van een videoclip, eerst moeten we de oprichting van een de voornaamste achtergrond, vier "," videoclips (deze zijn die zal worden op de achtergrond) vier film zal na deze uit een klik).Ten eerste, klik, en de keuze van fase -, en de keuze van dat net, het in gebreke blijven van het creëren van een vierkante maas 10 pixels 10 pixels op het podium.Je leven makkelijker maakt weer klik en kiezen, het kopen van > net sluiten.Nu zijn we klaar om te schilderen.De keuze van de instrumenten, met een bevroren, en het in kaart brengen van de grijze achtergrond in de gehele periode.Die laag, de achtergrond en het slot.De volgende stap is het creëren van een nieuwe laag, en de naam van het menu.Je moet lijken op de tijdschema 's en de fase van nu:,,,, dan creëren we een film... En om het gemakkelijker te maken, we deden het op de tafel vier film... En het veranderen van elke kleur, keuze van de rechthoek instrument, nogmaals, door middel van een 30px 350px rechthoek niet slagen.Klik op "gevuld" en "keuze", te veranderen in "symbool".,.De naam van het goldbar, om ervoor te zorgen dat de soorten, videoclips, en de inschrijving in de linkse hoek,.Klik op podium redacteur videoclips, klik op de eerste sleutel in de tijdlijn te handelen, in een eenvoudige, stop (type); en de orders om te voorkomen dat videoclips circuleert door het frame.De volgende, en selecteer tweede frame, steek de sleutel.Dat hangt af van je wil schrijven elke gevuld, maar het is een ding om te onthouden, als je zijn geschreven in een hoek van 90° van de tekst kan onzichtbaar, als je de tekst die is dynamisch.Voor mij persoonlijk, maar ik brak de tekst tot het een vulling, trek ik een pijl die wijst naar de tegengestelde richting voor elk frame, nu, we zijn klaar. We kunnen in de bibliotheek en klik op het herhaalde symbolen....Drie kopieën van maken, hun naam bluebar, groen, redbar, respectievelijk.En toen ze bewerken in kleur en de wijziging van de tekst.Kijk!We hebben vier videoclips., kunnen we nu beginnen met op de achtergrond videoclips, we creëren en op dezelfde manier te herhalen.Kies rechthoek instrument, een rechthoek 560x350px,.Omzetten in een symbool, het is de naam van de goldbackground, en ervoor te zorgen dat de aard van de voor de montage, de bij de registratie, de linker hoek.En dan drie keer herhaald, de naam van de nieuwe videoclip, bluebackground,, greenbackground, respectievelijk, redbackground, rechthoekig, je ziet er heel eenvoudig zou moeten zijn, zoals:,, slechts een video te creëren, dat beloof ik.Ga, steek menu kiezen, het nieuwe logo; de naam van het type, menuaccordionmc, die film... Om de registratie, de linker, omdat we de laatste videoclip hadden).De volgende stap, controleer de dozen, dat de uitvoer van scenario 's: naam van de klas zijn, menuaccordionmc, ten eerste, de kapitaal, in stap 3: locatie. Videoclip, die in het vorige hoofdstuk hebben we al in de film moeten creëren, we hebben nu hun positie.Op het podium, het schrappen van een film... Is nog steeds bestaan.Open je, menuaccordionmc, uit de bibliotheek, en een tijdschema voor de oprichting van een laag in zeven.Nu, ze namen van boven naar beneden, goldbar bluebar:,,, groene, redbar, goldbackground, bluebackground, greenbackground, redbackground, trekken, nu uit de bibliotheek van overeenkomstige laag vallen elke video clip.Al deze sluit alle behalve een je - film... Lagen de makkelijkste manier begonnen, goldbar, en het opzetten van de X - en Y - as (0,0).Ten tweede, bluebar, en de coördinaten (30,0) en met de groene. (60) en, tot slot, redbar (90,0), en in de context van de tijd, de coördinatie, goldbackground, is (- 530,0), bluebackground. De coördinaten zijn (- 500,0), de coördinatie, greenbackground is (- 470,0), en, redbackground. De coördinaten zijn (- 440,0). De film, je ziet er, zoals nu, en (0,0) moet in movieclip coördineren goldbar in Wit en in het beeld van de linker:,, stap 4: identificatie van de videoclips, voordat we kunnen beginnen met de code om één ding: acht interne videoclips voorbeeld naam,,, open, menuaccordionmc, voor de laatste keer, en de keuze van elke film... En het maken vanHet voorbeeld van de naam van de voor de montage van dezelfde naam.Dus goldbar voorbeeld zal goldbar, greenbackground voorbeeld zal greenbackground, wacht.Dit is voltooid, kunnen we beginnen met de codering, het is vrij gemakkelijk te begrijpen.Stap 5:,, ontwikkeling van studieprogramma 's, en naar je flash - eigenschappen en de naam van de soorten documenten, menuaccordion,.Nu, het creëren van een nieuw script 3 van het dossier, de volgende code en de bewaring van de documenten, menuaccordion,, pakket (invoer: flash.display.movieclip; de invoer van flash.events.event; in de loop van de uitbreiding (publiek menuaccordion movieclip var menuaccordionmc:menuaccordionmc = nieuwe menuaccordionmc (); de functie van menuaccordion () {addchild (menuaccordionmc);}}}, hier. In de eerste plaats moeten we onze invoer (in dit geval alleen de film... En evenementen).We zullen onze menuaccordionmc variabelen in de aannemer, en dan hebben we de film... Op het podium (0,0), dit is een code, we zullen documenten nodig zijn; laten we de oprichting van een nieuw script 3 van de film... En het behoud van het dossier, menuaccordionmc.,., is menuaccordionmc klasse in de volgende code, leg ik de variabelen en de luisteraar, flash.display.movieclip pakket binnenkort: {invoer; de invoer van flash.events.event; de invoer van flash.events.mouseevent; uitbreiding van de cursussen movieclip menuaccordionmc (publiek var activecolor:String = nieuwe string (); de snelheid: de hoeveelheid = nieuwe nummer (); de functie van menuaccordionmc () {activecolor = "geen". = 10; de reclame;Deventlistener (mouseevent.click, accordionclick); addEventListener (event.enter_frame, accordionmove);}}}, in de eerste plaats moet worden opgemerkt, dat de invoering van de MouseEvent ons: het is van groot belang, zonder dat we de muis klikt niet zal werken.Voor deze twee nieuwe variabelen, activecolor, is gewoon een touw om ons te vertellen welke kleur is momenteel in gebruik, en wat is de snelheid van de achtergrond van de pixels per frame verandering, de eerste gebeurtenis luisteraar is een, mouseevent.click, zal deze functie, accordionclick, als we de plaats op het menu.De tweede gebeurtenis luisteren nog functies, accordionmove, en elk beeld zal worden genoemd, nu moeten we de gebeurtenissen een luisteraar functies.De fabrikant onder het plein sluiten tussen haakjes de rechten na de code, een openbare taak accordionclick (gebeurtenissen: de gebeurtenissen): openbare functie ongeldig {} accordionmove (gebeurtenissen: de gebeurtenissen: {}) nietig, twee categorieën nu gebouwd, dus het begint om de functie van de code.Stap 6:,, de accordionclick functie, die betrekkelijk gemakkelijk is, maar een, als andere verklaringen voor het.In de eerste plaats op de volgende functies: schrijven, als (gebeurtenissen. De doelstellingen. Frame = = 1) {} {}, net als veel mensen niet vertrouwd zijn met de gebeurtenissen. De doelstellingen, dus ik zal kort uitleggen.Kortom, het is slechts een indicatie van de code van de gebeurtenissen, als bluebar klikken, event.target doelstellingen, is gelijkheid, bluebar,., dit betekent dat, als de verklaring in de lijst van te controleren of de BAR is gelijk aan 1, als de uitvoering van de code; zo niet, dan zullen de uitvoering van De code in de tweede een beugel.Kunnen we nu verder gaan en veranderen dan andere verklaring luidt als volgt: als (gebeurtenissen. De doelstellingen. Frame = = 1) {gebeurtenissen. De doelstellingen. GotoAndStop (2); activecolor = event.target.name;} {gebeurtenissen of. Doelstellingen. GotoAndStop (1); activecolor = "geen"), de nieuwe lijn zijn. Zeer fundamentele: doelstellingen, frame, in plaats van de eerste of tweede kader en de activecolor variabele voor de naam van het doelwit, of die voor de "geen".Dit is de code voor de functie van accordionclick nodig, stap in. En 7: accordionmove functie, oké, dit is waar de magie gebeurt.Dit is de laatste in een lange tijd, maar als je de laatste instructies volgen correct heb je een accordeon menu.Ten eerste moeten we nog in functie is, over de omstandigheden, waarbij alle, indien nodig, over deze soepele leidt het verslag in (activecolor) (zaak "geen": het; zaak "goldbar": het; zaak "bluebar": het "groene": het; zaak "redbar;": het;}, dit in het geval van de variabelen die overeenkomt met de schakelaar in de accordionclick activecolor die functie.Laten we nu eens kijken naar de start met de easiest deel van deze zaak staat, het geen,:, als (this.goldBackground.x> =-530) {} this.goldBackground.x-=speed; als (this.blueBackground.x> =-500) {} this.blueBackground.x-=speed; als (this.greenBackground.x> =-470) {} this.greenBackground.x-=speed; als (this.redBackground.x> =-440) {} this.redBackground.x-=speed; als (this.blueBar.x> 30) {this.blueBar.x-=speed;} als (this.greenBar.x> 60) {} this.greenBar.x-=speed; als (this.redBar.x> 90) {this.redBar.x-=speed;}, dank u voor te lezen: de tijd van dit artikel, I hoped je enjoyed!,

first look at the timeline
first look at the stage
A frame comparison of the gold bar
The goldBackground
What you should see in the menuAccordionMC



Previous:
Next Page: