Auslesen des Bewegungssensors mit JavaScript - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 244

<h2>Die Bewegung auf der Z-Achse:</h2>
<p id="accZ"></p>
Listing 6.3 Der HTML-Code zur formatierten Ausgabe der Achsenwerte
Beachten Sie die p -Container mit den jeweiligen id s für die drei Bewegungsachsen.
Weisen Sie nun mithilfe der jQuery-Funktion .html() dem jeweiligen Element über
die id (z. B. accZ ) den Inhalt der jeweiligen Variablen ( accelerationZ ) zu. Folgenden
Code müssen Sie in Ihr Script im head -Bereich, direkt unter die Definition der Variab-
len accelerationX , accelerationY und accelerationZ , integrieren:
$("#accX").html(accelerationX);
$("#accY").html(accelerationY);
$("#accZ").html(accelerationZ);
Das war es auch schon. Schauen Sie sich die App auf einem mobilen Endgerät an
(Abbildung 6.2). In einem Desktopbrowser werden die Werte leer bleiben.
Abbildung 6.2 Die Werte des Bewegungssensors (links auf dem iPhone,
rechts auf einem Android-Smartphone)
6.2 Vorüberlegungen zur App »Shake it like a Polaroid picture«
Hey Ya! Nachdem Sie nun wissen, wie Sie den Bewegungssensor auslesen und ein
generelles Verständnis dafür bekommen haben, welche Werte der Sensor liefert,
heißt es »Shake it like a Polaroid picture«! Wie in der Einführung zu diesem Kapitel
bereits angedeutet, programmieren Sie im nächsten Schritt eine WebApp, die mit-