Wie man Neigungssteuerungen zu Ihrem HTML5-Spiel hinzufügt - Dummies

Mobile Geräte verfügen über einen sehr interessanten Eingabemechanismus, mit dem Sie Objekte in einem HTML5-Spiel durch Neigen steuern können. Dies funktioniert mit einem speziellen On-Board-Tool namens Beschleunigungsmesser , das die Bewegung verfolgt. Der Beschleunigungsmesser misst tatsächlich die Rotation, und Sie können ihn verwenden, um in Ihrem Spiel eine gute Neigungssteuerung zu erhalten.

Die Bibliothek simpleGame hat ein spezielles Objekt namens Accel, das den Beschleunigungssensor kapselt. Es funktioniert sehr ähnlich wie das Joy-Objekt.

1. Erstellt ein Accel-Objekt.

   SimpleGame hat ein Accel-Objekt. Erstellen Sie dieses Objekt, um den Beschleunigertest zu aktivieren.

2. Verwenden Sie Methoden, um die Neigung zu bestimmen.

   Das Accel-Objekt verfügt über spezielle Methoden namens getAX () und getAY (), die den Rotationsbetrag angeben.

3. Beschleunigungswerte ändern.

   Die AX- und AY-Werte zeigen die Drehung um die X- bzw. Y-Achse an. Die Werte reichen von -9 bis 9. Im Allgemeinen müssen Sie die Neigungswerte ändern, um genau das gewünschte Verhalten zu erhalten. Dies beinhaltet normalerweise einige einfache mathematische Berechnungen.

Hier ist der Code für accel. html:

Beschleunigung html var Spiel; var Ball; var accel Funktion init () {game = new Szene (); ball = neues Sprite (Spiel, "redBall. png", 50, 50); accel = neuer Accel (); Spiel. start ();} // end init Funktion update () {Spiel. klar(); newDX = Beschleunigung getAY (); newDY = Beschleunigung getAX (); newDX * = -5; newDY * = -5; Ball. setDX (neuDX); Ball. setDY (neuDY); Ball. update ();}

Der Beschleunigungssensor ist einfach zu benutzen:

1. Stelle eine Variable für das Beschleunigungsmesserobjekt her.

   Sie können Ihre Variable accel aufrufen.

2. Verwenden Sie accel. getAX () um X zu drehen.

   Die Methode getAX () gibt den Prozentsatz der Neigung um die X-Achse zurück. Die X-Achse bewegt sich auf dem Bildschirm von einer Seite zur anderen, also ist eine Rotation um X normalerweise mit einer Bewegung entlang der Y-Achse verbunden!

3. Verwenden Sie Akkel. getAY () um die Rotation um Y zu bestimmen.

   Ebenso beschreibt die Methode getAY () den Prozentsatz der Neigung entlang der (vertikalen) Y-Achse. Normalerweise verwenden Sie getAY (), um die horizontale Bewegung zu steuern.

4. Seien Sie nicht besorgt über die Z-Achse.

   Sie können die Drehung auch entlang der Z-Achse (die von der Bildschirmmitte zu Ihrer Nase verläuft) lesen, was jedoch im Allgemeinen nicht hilfreich ist.

5. Nehmen Sie an (für jetzt), dass die neutrale Position vollkommen flach auf einem Tisch liegt.

   Sie erhalten Nullwerte für getAX () und getAY (), wenn das Gerät vollständig auf einem perfekt flachen Tisch liegt.

6. Experimentieren Sie mit Skalierungsfaktoren.

   Im Allgemeinen müssen Sie die Ergebnisse von getAX () und getAY () mit einem gewissen Betrag multiplizieren, um das gewünschte Verhalten zu erzielen. Wenn Sie beide mit negativ fünf multiplizieren, erhalten Sie die entsprechenden Werte für dy und dx. Sie müssen experimentieren, um genau das gewünschte Verhalten zu erzielen.