De oprichting van een flash Game menu: de bijeenkomst

, de oprichting van een flash Game menu: de rebound,,,,,,,,,,,, onderdeel 4,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, de eerste indruk is een flash Game portaal is heel belangrijk, als je het spel niet beroven van de spelers in een paar seconden voordat ze kiezen voor een andere, veel spelletjes.Het eerste punt is de interface als de menu 's, alles wat je kan doen, laat het niet zo saai.In deze handleiding, creëren we een menu, met inbegrip van de uitwisseling van diepte, zacht rollend effect, en twee verschillende ontwerpen van de overgang,,,,, het uiteindelijke resultaat bekijken, het is twee ontwerp - zullen wij voor de eerste keer: ontwerp, en zal de volgende scherm van verschillende partijen aan het veranderen dit hangt af van de mogelijkheid om te klikken,.,, tweede ontwerp van omschakeling van alle op het scherm: als je er meer dan vier opties, een meer flexibele keuze, wat is het. EN: laat het "actieve"?Er zijn twee belangrijke dingen, om het menu "actieve".In de eerste plaats op de knop is de gevolgen van de omvang van de: of je wat, als je eruit, ze krimpen, de omvang van de uit de specifieke (in tegenstelling tot het creëren van een in de tijd van de tijd).Ten tweede is de tweede code stijl is flexibel en gemakkelijk uit te breiden hun eigen behoeften.,, stap 1: instellingen, wat we nodig hebben is het eerste ding is een nieuwe Flash (behandelingen). 3.De breedte van 600 pixels met een in de hoogte [[beeld: 2005 per seconde, en 30.De achtergrond is wit van kleur, kunnen verlaten. Nu kun je het bewaren van documenten, wat je maar wil, maar ik noem ik, menubounce. De FIA,, in de volgende afdeling creëren we een film met acht in de menu 's.Als referentie, hier is een lijst van alle kleuren in de hele training:,, Wit -&#ffffff (, 0xffffff,), goud -&#e8a317 (, 0xe8a317,), licht goud –&#fbb917 (, 0xfbb917,), de blauwe -ءc7 (, 0x1569c7,), de blauwe -խff (,, groene - 0x1389ff,) (# 347235, 0x347235,), groen -e8f1b (, 0x3e8f1b,), Rode -󱬰 (, 0x990000,), Rode -&#c10202 (, 0xc10202,), mat grijs -𶐎 (,,, 0x222222, stap 2) de film: het creëren van het magazijn, in de eerste plaats creëren we terug "(film, zal staan in de praktijk het scherm), maar voordat we dat doen, laten we een aantal zeer nuttige functie van de Flits, klik op het podium, de keuze van Maas > mazen vertonen.Bij gebrek aan het creëren van netwerken op het podium 10 pixels 10 pixels.De volgende fase, klik op dit keer kiezen > net sluiten, kunnen we nu beginnen te trekken.De keuze van de instrumenten die een rechthoek, 600x300px licht de gouden rechthoek.En de keuze van de vulling, klik en kiezen voor de omrekening van het symbool.De naam van de film, film, 'Baker, type en geregistreerde naar links, klik op de film... En de keuze van de drie exemplaren van drie keer herhaald doen het.Ze is nu licht van kleur blauw, groen, rood.Laat ze dan terug, blauw, dollar en de,,,,,, namelijk de voltooiing van ons moeten toevoegen wat in elke film... Op de rug van de tekst geschreven: "spelen", in de gede Baker blauwe terugschrijven "nota", "keuze" schrijven, schrijven voor de $"credit".Als je dit artikel geschreven, stel ik voor dat het uit elkaar halen, totdat het wordt gevuld (het wegnemen van een verankering van het lettertype, om de overgang soepeler).Je rug moet lijken op een van de volgende:,,, laten we nu beginnen op het plein.De keuze van de instrumenten die een rechthoek, 100x100px lichte golden Square.Kies gevuld, klik en omgezet in het teken.De naam van de film, film, goldsquare, type en registratie in de linker.Nu is het tijd de geschreven tekst op het plein, behalve deze keer, in plaats van uit de tekst uit elkaar, nu.De invoeging van een sleutel, gevuld met goud van kleur veranderen.Nu de tekst van elk van de twee lijsten tot ze worden gevuld, nu de keuze van de klik - film... Symbool van de drie keer.En dan een herhaling van de procedure van de andere drie kleuren voor de film genaamd, bluesquare, respectievelijk, greensquare, redsquare,,.Je moet die vergelijkbaar zijn met die van een van de volgende:,,, in stap 3: - film... En alles begon te schrappen uit de arena.En dan naar de steek > nieuwe symbolen.De naam van het type, menubouncemc, die film... En de registratie van de uitvoer in de linker, menubouncemc,., nu aan het standpunt van de bibliotheek en de als volgt:,, 戈德贝克: (- 600,0), blauwe terug: (0300), de dollar: (0300), de munt: (600, 0), te gebruiken, als je een richting en ontwerp van alle vier de verdediger van de positie in een positie.Ik gebruik (0300), zal nu alle diamanten uit de bibliotheek van de film... En de locatie van hun als volgt:,, goldsquare: (120150), bluesquare: (240150), greensquare: (360150), redsquare: (480150), doen we ons vóór het begin van de code van de laatste ding is aangewezen aanleg van naam.Het voorbeeld van de oprichting van een naam voor, square0,,,,,, square3 square1, square2, begon aan de linkerkant.In het kader van de naam van een verzameling van voorbeelden van achter in overeenstemming met de desbetreffende dezelfde kleur van de vierkante.Dus, 戈德贝克, zal het voorbeeld naam, back0, omdat, goldsquare, voorbeeld, square0,.,, stap 4: ontwikkeling van studieprogramma 's, en nu, we zijn klaar met het creëren en - kunnen we beginnen aan de bouw van twee categorieën, en we zullen het gebruik van videoclips, eerst je flash - eigenschappen en worden de menubounce en dan, het creëren van een nieuwe behandelingen en het behoud van het menubounce drie documenten,.,., nu de code het; ik zal uitleggen, flash.display.movieclip pakket {invoer; de invoer van flash.events.event; uitbreiding van de cursussen movieclip menubounce (publiek var menubouncemc:menubouncemc = nieuwe menubouncemc (); de functie van menubounce () {addchild (menubouncemc);}}}, dit is een van de fundamentele dDocumenten, we hebben nog een aantal aanvullende code, het creëren van menubouncemc voorbeelden en voeg het toe aan het creëren van een nieuwe fase, nu de drie bestanden en het behoud van het script, als menubouncemc,.Nu, een kopie van de volgende codes, dus kunnen we een pakket (invoer, flash.display.movieclip; de invoer van flash.display.sprite; de invoer van flash.events.event; de invoer van flash.events.mouseevent; uitbreiding van de cursussen movieclip menubouncemc (publiek var activesquare: videoclips; de variabelen activeback: videoclips; de variabelen squaresarray: - = nieuwe installatie (); De variabelen backsarray: - = = = = = = de nieuwe installatie (); de snelheid: de hoeveelheid = 20;}} {}) menubouncemc (openbare functie, elke variabele met een specifiek doel:,, activesquare,: wie is afgezet, de rug hebben gekozen, activeback,: mobiele, squaresarray,: Een installatie omvat alle Square, backsarray en de film, een serie bevat alle:Achter de videoclips, snelheid: elk frame terug verhuisd, het aantal pixels, al deze variabele wordt vastgesteld, behalve topsquare, (dit is in een andere functie) en de generator.Dus we moeten al deze film... Naar de generator.Toevoeging van de volgende regels: in de fabrikant, squaresarray = [square0, square1, square2, square3]; backsarray = [back0 vroeg terug,,,, maar deze methode terug trekken 3], kan een beetje saai als je het menu te hoog aantal film... Een zei 50.Een andere methode is het creëren van een film... Helemaal door de code en ze als je ze toegevoegd aan het menu.Maar we gebruiken alleen acht film... Goed werk te doen, moeten we toevoegen aan de voltooiing van de installatie. De laatste aflevering van de gebeurtenissen van onze luisteraars, dat zal leiden tot de overdracht van de resultaten en alle.Deze lijn, duwen (), draad, addEventListener (mouseevent.mouse_over, bounceover); addEventListener (mouseevent.mouse_out, bounceout); addEventListener (mouseevent.click, bounceclick); addEventListener (event.enter_frame, bounceupdate);,, vijf stappen: het creëren van een gebeurtenis, laten we beginnen met het creëren van drie eenvoudige functies: openbare functie, bounceover (gebeurtenissen gebeurtenissen: {}): nietigverklaring van openbare functie bounceout (gebeurtenissen: de gebeurtenissen): openbare functie ongeldig {} bounceclick (gebeurtenissen: de gebeurtenissen: {}) nietig, van binnen, bounceover (), de functie van een verklaring toegevoegd om ervoor te zorgen dat er geen terug, momenteel een "actieve" - Dit is. De overgang, of ga zitten, als: (activeback = = nul) {},Alle in de code, bounceover () andere functies worden geschreven in de verklaring.Nu weten we dat het object ro - RO (geval. De doelstellingen) is vierkant, te onderzoeken of de in [...], squaresarray,: als (squaresarray. (gebeurtenissen. De doelstellingen).= 1) {}, in de veronderstelling dat het is, we doen, echt vlees: activesquare = event.target als videoclips; activesquare. GotoAndStop (2); setchildindex (activesquare, numchildren - 1); activesquare, in de eerste plaats de variabelen, in de problemen, de vierkante.Na dat, we hebben de opschorting van de animatie van dit plein, in een tweede lijst, het blijkt dat het beeld van de "omzet".Eindelijk hebben we een Sprite is boven alles, met setchildindex (.), zijn we nu in functie, bounceout ().Deze keer, beginnen we met het onderzoek of de muis is de invoering van de Plaza is momenteel actief, als doel: (event.target = = activesquare {}) en de toevoeging van de volgende codes als blok in het Plaza de animatie; opschorting van de eerste lijst van instellingen, en dan activesquare terug, leeg, dus we kunnen draaien, activesquare andere: (1). GotoAndStop; activesquare = nul; en dan gaan, bounceclick (), functioneren.Deze functie zal worden gebruikt voor het opstarten van de overgang.Controleer of er sprake is van een activiteit als: (activeback = = nul) {}, dit om te voorkomen dat de gebruiker op een andere partij in een overgangsperiode.Als er een actieve terug ongedaan te maken, en daarna, dus kunnen we op een plein, als (activeback = = nul) {} {activeback anders = nul;}, ervan uitgaande dat er geen huidige activiteiten weer terug, toevoeging van een als blok controleren of het doel op een plein, als: activeback = = nul) {als (squaresarray. (gebeurtenissen. De doelstellingen).= 1) {} {} andere activeback = nul;}, als je de doos als de gebruikers van de instellingen, we moeten de desbetreffende "actieve" terug.Omdat elk van deze indicatoren, backsarray [...] van de projecten, de wedstrijd van de indicatoren, squaresarray,, het is eenvoudig: als (activeback = = nul) {als (squaresarray. (gebeurtenissen. De doelstellingen).= 1) {activeback = backsarray [squaresarray. (gebeurtenissen. De doelstellingen)]}} {video clip; anders activeback = nul;}, nu moeten we het boven alles op dit moment actief achter, mobiele als: (activeback = = nul) {als (squaresarray. De index van de doelstellingen (gebeurtenis.).= 1) {activeback = backsarray [squaresarray. (gebeurtenissen. De doelstellingen voor de film...)]; setchildindex (activeback, numchildren - 1);}} {activeback anders = nul;}, stap 6: het creëren van een definitieve gebeurtenis, dit is de laatste, we creëren.Laten we beginnen met "effect van de toevoeging van wanneer een van de partijen is om openbare functie, bounceupdate (of: de gebeurtenissen: de gebeurtenissen): ongeldig {elke (in squaresarray var ^) {als (vierkante = = = = = = = activesquare) {als (square.scalex < = 1,5) {square.scalex + = 0,05; square.scaley + = 0,05;}} {als de andere (square.scalex > = 1) {square.scalex = 0,05; square.scaley = 0,05;}}}}, hier, we hebben een voor elke cyclus door per vierkante - onderzoek dat momenteel in de Plaza.Als dat zo is, zouden we het uit te breiden tot het groter of gelijk is aan dat van zijn normale grootte van 1,5 maal de; indien dit niet het geval is, zouden we het uit te breiden tot het normale grootte.(technisch, van deze code kan zijn is iets minder dan de normale grootte, maar dit is niet makkelijk praktijken.), is dit nu sommigen van jullie om je eigen weg, als je de stap is het creëren van ontwerpen van 1 7, als je het scheppen van ontwerp - 2 stappen van stap 1, 7.: de voltooiing van het ontwerpen, 7a, gefeliciteerd met uw keuze ontwerp - 1.Dit ontwerp is heel eenvoudig, gemakkelijk te volgen, in de veronderstelling dat je vier vierkant en terug.Maar, het wordt een chaos behouden blijven, zullen wij gebruik te maken van een reeks andere verslagen - NEST, als zeer verwarrend is. Ik weet het.Maar laat me je vertellen dat de redenering achter.Elke achter een verschillende uitgangsposities en de overgang van richting.Kortom, je kan niet met een lus zal alle film... Tenzij je een verklaring na de inspectie is in beweging, een beweging van de andere as (x en Y), en een derde reeks van de snelheid van de (positieve of negatieve).- oké, we kunnen deze informatie in de winkel in alle eigenschappen van de vierkantjes of iets als dat, maar ik denk dat dit is een aanpak waar "hou het simpel en dom" applies., als (activeBack = = = = = = = back0) {als (back0.x < 0) + = b} {back0.x;}else{als (back0.x > - 600) {back0.x = snelheid;}} als (activeBack = = = = = = = back1) {als (back1.y < 0) + = b} {back1.y;}else{als (back1.y > - 300) = b}} {back1.y; als (activeBack = = = = = = = back2) {als (back2.y > 0 = b} {back2.y);}else{als (back2.y < 3) {back2.y + = snelheid;}} als (activeBack = = = = = = = back3) {als (back3.x > 0 = b) {}}else{back3.x;Als de (terug te trekken 3. X < 600) {terug trekken 3. X + = snelheid;}}, de code is gemakkelijk te begrijpen; het ziet er in elk stadium of terug en ga naar 't podium, in de goede richting, hangt af van de vraag of het actief.,, stap 6: het ontwerp van 2, gefeliciteerd met de selectie van ontwerp - 2.Dit ontwerp is flexibel, zodat de dingen meer steun en minder gebruik van code makkelijker.We zullen dit ontwerp voor de inspectie van elk circuit, backsarray, elke keer een ander gebruik, elke (VAR in de backsarray) {als (naar = = activeback) {als terug. De Y > 0) {terug. Y = snelheid;}} {als andere (terug. De Y < 300) {terug. Y + = snelheid;}}}, nu moet gemakkelijk te begrijpen zijn.Het verkeer via de achterkant en controleren iedereen zien of het actief is.Als de code is, brengt het naar het podium, en stop het in een keer, het is volledig (d.w.z. een, het is in de = 0, of hoger).Als je achter die niet actief zijn, de code die naar het oorspronkelijke standpunt, het einde, hier een uitdaging: voor de 16 vierkante (en 16 terug), je kan het de Plaza 1, 5, 9, en 13, zodat de desbetreffende terug naar links, 2, 6, 10, en 14, zodat Zij de overgang van de top, enz.?Je moet een combinatie van deze twee soorten methoden, maar ook om het de positie in de generator, bedankt dat je de tijd neemt om te lezen van deze handleiding.Ik hoop dat je houdt van dit product, en leren van productie - activiteiten, de flexibiliteit van de menu 's.,

blueBack example
greenSquare example 2 frame view



Previous:
Next Page: