Hem Personliga finanser Hur man lägger till kantkontroller till ditt HTML5-spel - dummies

Hur man lägger till kantkontroller till ditt HTML5-spel - dummies

Video: How to Box braids| Braids hairstyle on short hair| Back to school hairstyles| Box braid hairstyles 2024

Video: How to Box braids| Braids hairstyle on short hair| Back to school hairstyles| Box braid hairstyles 2024
Anonim

Mobila enheter har en mycket spännande inmatningsmekanism som låter dig styra objekt i ett HTML5-spel genom att luta. Detta fungerar med ett speciellt inbyggt verktyg som heter accelerometer , som spårar rörelse. Accelerometern mäter faktiskt rotation, och du kan använda den för att få snygga vippkontroller i ditt spel.

SimpleGame-biblioteket har ett speciellt objekt som heter Accel som inkapslar accelerometern. Det fungerar väldigt mycket som Joy-objektet.

  1. Skapa ett Accel-objekt.

    SimpleGame har ett Accel-objekt. Skapa det här objektet för att aktivera accelerometerns testning.

  2. Använd metoder för att bestämma lutningen.

    Accel-objektet har speciella metoder som kallas getAX () och getAY () som anger rotationsmängden.

  3. Ändra accelerationsvärdena.

    AX och AY-värdena visar rotationsmängden runt respektive X- och Y-axeln. Värdena varierar från -9 till 9. I allmänhet måste du ändra tiltvärdena för att få exakt det beteende du vill ha. Det innebär vanligtvis några enkla matematiska beräkningar.

Här är koden för accel. html:

accel. html var spel; var boll; var accel funktion init () {game = new Scene (); boll = ny Sprite (spel, "redBall. png", 50, 50); accel = ny Accel (); spel. start ();} // end init-funktionen uppdatering () {game. klar(); newDX = accel. getAY (); newDY = accel. getAX (); newDX * = -5; newDY * = -5; boll. setDX (newDX); boll. setDY (newDY); boll. uppdatering ();}

Accelerometern är lätt att använda:

  1. Gör en variabel för att hålla accelerometerobjektet.

    Du kan ringa din variabelaccel.

  2. Använd accel. getAX () för att rotera runt X.

    Metoden getAX () returnerar procenten av lutningen runt X-axeln. X-axeln går från sida till sida på skärmen, så rotation runt X är normalt knuten till rörelse längs Y-axeln!

  3. Använd acccel. getAY () för att bestämma rotation runt Y.

    På samma sätt beskriver metoden getAY () metoden för lutningshastigheten längs den (vertikala) Y-axeln. Normalt använder du getAY () för att styra horisontell rörelse.

  4. Var inte bekymrad över Z-axeln.

    Du kan också läsa rotation längs Z-axeln (som går från skärmens mitt till näsan), men det är vanligtvis inte till hjälp.

  5. Antag (för nu) att det neutrala läget ligger perfekt platt på ett bord.

    Du får nollvärden för getAX () och getAY () när enheten ligger helt stilla på ett helt plattt bord.

  6. Experimentera med skalningsfaktorer.

    Du måste i allmänhet multiplicera getAX () och getAY () -resultaten med viss mängd för att få det beteende du vill ha. Om du multiplicerar båda med negativa fem kommer du att få lämpliga värden för dy och dx. Du måste experimentera för att få exakt det beteende du vill ha.

Hur man lägger till kantkontroller till ditt HTML5-spel - dummies

Redaktörens val

Byta lager i PowerPoint 2007 Ritningar - dummies

Byta lager i PowerPoint 2007 Ritningar - dummies

När du har flera objekt på en PowerPoint-bild kan de överlappa varandra. PowerPoint hanterar detta problem genom lagringsobjekt. Det första objektet du ritar är längst ner i stapeln; Det andra objektet ligger ovanpå det första; den tredje är ovanpå det andra objektet; och så vidare. Om två objekt överlappar varandra, ...

Grundläggande kommandon i PowerPoint 2007 - dummies

Grundläggande kommandon i PowerPoint 2007 - dummies

Använd tangentbordsgenvägar i PowerPoint 2007 för att spara tid. Oavsett om du formaterar, redigerar eller bara använder vanliga kommandon i PowerPoint 7, visar den här listan kommandot och knapptryckningskombinationen för att få jobbet gjort. Kommandokoder Kommandotyper Ny Ctrl + N Öppna Ctrl + O Spara Ctrl + S Skriv Ctrl + P Hjälp F1 Ny Slide Ctrl + M Redigering ...

ÄNdra layouten av huvudbilder i PowerPoint 2007 - dummies

ÄNdra layouten av huvudbilder i PowerPoint 2007 - dummies

ÄNdra layouten för en PowerPoint-malls bild innebär att du ändrar positionen och storleken på textramar och innehållsramar på dina PowerPoint-bilder samt att ta bort dessa ramar. PowerPoint-innehållsramar håller grafik, clipart-bilder, tabeller och diagram på plats. Textramar rymmer bildtitlar och punktposter eller numrerade listor. För att ändra ...

Redaktörens val

Hur man använder Komodo Redigera funktioner för HTML5 och CSS3 programmering - dummies

Hur man använder Komodo Redigera funktioner för HTML5 och CSS3 programmering - dummies

Komodo Redigera är en bra textredigerare för HTML5 och CSS3 programmering ... Denna redaktör är extremt kraftfull, men är inte så skrämmande som några av de äldre verktygen. Den har ett modernt strömlinjeformat gränssnitt, men mer kraft än du kanske förstår först. Komodo Edit är faktiskt öppen källkus till en kommersiell integrerad ...

Hur man använder nya CSS3 Selectors - dummies

Hur man använder nya CSS3 Selectors - dummies

CSS3 stöder flera nya väljare med intressanta nya funktioner som du bör bli bekant med. Du kan använda dessa nya funktioner för att förbättra sidorna på ännu bättre sätt än tidigare. Attributval Du kan nu tillämpa en stil på något element med ett specifikt attributvärde. Inmatningstaggen tar till exempel olika former, alla ...

Redaktörens val

Använd Google Analytics för att titta på din blogg referraltrafik - dummies

Använd Google Analytics för att titta på din blogg referraltrafik - dummies

Referraltrafik är trafiken du får det som kommer från andra webbplatser än sökmotorer. Du kan få trafik från sociala medier, t.ex. Facebook, Twitter eller StumbleUpon. Eller du kan få trafik från andra bloggar eller webbplatser som länkar till dig. Genom att titta på de platser där din trafik kommer från (och kommer inte ...

Använd OpenX OnRamp-annonsservern för din mammablogga - dummies

Använd OpenX OnRamp-annonsservern för din mammablogga - dummies

En annonsserver är programvara Det gör att du kan hantera alla dina annonser från ett ställe, även om du har mer än en blogg. Den visar annonser, roterar dem, riktar dem och ger resultatrapporter för dina annonseringsklienter också. OpenX har en fri produkt som heter OpenX OnRamp när du kommer till ...

Använd bilder från andra källor i din blogs design - dummies

Använd bilder från andra källor i din blogs design - dummies

För att förbättra din blogg design, dig kan använda egna bilder eller bilder från andra källor, till exempel stockbilder. Att använda bilder på din blogg är enkelt, eftersom Internet är fullt av platser där du kan hitta bilder som du kan använda på din blogg. En stock bild är ett foto licensierat för ...