Hvordan man tilføjer Tilt Controls til dit HTML5-spil - dummies

Mobile enheder har en meget spændende indgangsmekanisme, der giver dig mulighed for at styre objekter i et HTML5-spil ved at vippe. Dette fungerer med et specielt indbygget værktøj kaldet accelerometer , som sporer bevægelse. Accelerometeret måler i virkeligheden rotation, og du kan bruge den til at få gode vippebetjeninger i dit spil.

SimpleGame-biblioteket har et specielt objekt kaldet Accel, der indkapsler accelerometeret. Det virker meget som Joy-objektet.

1. Opret et Accel-objekt.

   SimpleGame har et Accel-objekt. Opret dette objekt for at tænde accelerometer test.

2. Brug metoder til at bestemme tilt.

   Accel-objektet har særlige metoder kaldet getAX () og getAY (), der angiver rotationsmængden.

3. Ændre accelerationsværdier.

   AX- og AY-værdierne viser størrelsen af ​​rotation omkring henholdsvis X- og Y-aksen. Værdierne spænder fra -9 til 9. Generelt skal du ændre vippeværdierne for at få præcis den adfærd, du ønsker. Dette indebærer normalt nogle få enkle matematiske beregninger.

Her er koden for accel. html:

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

Accelerometern er nem at bruge:

1. Lav en variabel for at holde accelerometerobjektet.

   Du kan ringe til din variabel accel.

2. Brug accel. getAX () for at få rotation omkring X.

   Metoden getAX () returnerer procentdelen af ​​tilt omkring X-aksen. X-aksen går fra side til side på skærmen, så rotation omkring X er normalt bundet til bevægelse langs Y-aksen!

3. Brug acccel. getAY () for at bestemme rotation omkring Y.

   På samme måde beskriver metoden getAY () procentdelen af ​​tilt langs den (lodrette) Y-akse. Normalt bruger du getAY () til at styre vandret bevægelse.

4. Vær ikke bekymret for Z-aksen.

   Du kan også læse rotation langs Z-aksen (som går fra midten af ​​skærmen til din næse), men det er generelt ikke nyttigt.

5. Antag (for nu) at den neutrale position ligger perfekt fladt på et bord.

   Du får nulværdier for getAX () og getAY (), når enheden ligger helt stille på et perfekt fladt bord.

6. Eksperiment med skaleringsfaktorer.

   Du skal generelt multiplicere getAX () og getAY () resultaterne med en vis mængde for at få den adfærd, du vil have. Hvis du multiplicerer begge med negativ fem, får du passende værdier for dy og dx. Du skal eksperimentere for at få præcis den adfærd, du vil have.