webOSfrance, Palm Pre, Palm Pixi, TouchPad, HP Veer, et webOS

Weekly App Hack : comment utiliser l'accéléromètre ?

DevCast
22/01/2012


Weekly App Hack : comment utiliser l'accéléromètre ?
Les Weekly App Hack sont des concours de développement sur un thème bien particulier. Accompagné d'un code exemple, cet événement propose de créer uen application en quelques jours ou d'ajouter le thème du concours à une application existante.

En janvier, ce sont les applications basées sur l'accéléromètre qui sont à l'honneur. Voici un code exemple : 

Pour mettre en place l'écoute de l'accéléromètre : 

window.addEventListener("deviceorientation", enyo.bind(this,"onSensorData"), true);

Puis ajouter la fonction pour afficher les coordonnées des axes : (ce code propose de faire tourner une image en fonction des données de l'accéléromètre.

onSensorData : function(event) {

// récupère les valeures sur les trois axes x, y, z
 
    // gamma is the left-to-right tilt in degrees, where right is positive
    var tiltLR = event.gamma;
 
    // beta is the front-to-back tilt in degrees, where front is positive
    var tiltFB = event.beta;
 
    // alpha is the compass direction the device is facing in degrees
    var dir = event.alpha
 
    // when using the devicemotion event, try these values:
    // event.acceleration.x/y/z
    // event.accelerationIncludingGravity.x/y/z
 
    var rotation = "rotate(" + dir + "deg) rotate3d(1,0,0, " + (tiltFB * -1) + "deg)"; //permet de faire tourner un élément en fonction des données de l'accelerometre.
 
    this.$.myImage.applyStyle('-webkit-transform',rotation); // permet de faire tourner une image dont le nom est myImage
 
    var res="Gamma="+Math.round(tiltLR)+" Beta="+Math.round(tiltFB)+" Alpha="+Math.round(dir); // compile les trois données d'axes pour les afficher dans la ligne suivante
    this.$.resultWindow.setContent(res);
}

Mais pour commencer je vous propose un exemple plus simple disponible ci dessous.

sensors.zip sensors.zip  (18.73 Ko)
 com_palmdts_enyo_helloworld_1_0_0_all.ipk com.palmdts.enyo.helloworld_1.0.0_all.ipk  (8.67 Ko)


Retrouver l'ensemble des Weekly App Hack ici

Marc Aurélien | @marcaurelien  | ScienceApps


Tags : accelerometre, app, devcast, hack, weekly


1.Posté par umit1453 le 22/01/2012 19:43
je crois qu il n y a pas de devloppeur parmi nous.
Et le gagnat gagne quoi?

2.Posté par Marc Aurélien le 22/01/2012 22:15
un HP touchpad 16 Go a gagner !
http://www.webosfrance.com

3.Posté par jpiquard le 29/01/2012 12:47
@Umit, il y a quelques développeurs qui resistent. J'ai commencé à publier des applications il y a un peu plus d'un an et avec l'arrivée des Weekly App Hack, j'ai participé une première fois avec Pop Speed Dialer avec une mention honorable (Weekly App Hack Popup puis une seconde fois avec Gliders Data Tracking pour laquelle j'ai été le vainqueur (Weekly App Hack Winner Mapping/ et un beau TouchPad comme cadeau de noël...
@Marc Merci pour tes devcasts qui m'ont permis de démarrer.
http://twitter.com/PolarJackSw

Nouveau commentaire :
Facebook Twitter
B i u QUOTE URL



webOSfrance : Batterie haute capacité pour 17.90 € frais de port inclus http://t.co/f9f9mLPW
Mercredi 23 Mai - 17:15
webOSfrance : Batterie haute capacité pour 17.90 € frais de port inclus http://t.co/f9f9mLPW #webOS #pre #pre2
Mercredi 23 Mai - 17:11
webOSfrance : AIOSettings : Les préférences centralisées pour webOS http://t.co/GIDrErvd #webOS #homebrew #touchpad
Vendredi 18 Mai - 23:05
Derniers commentaires
webOSfrance (webOS et HP TouchPad ) - Commentaires
Sur webOSfrance retrouvez toute l'actualité du webOS, du HP TouchPad, HP Pre3, HP Veer, Palm Pre, Palm Pre 2 et du Palm Pixi
pour Acheter ou Louer rapidement !
©2009-2011 Tous droits réservés webOSfrance - Actualités du webOS
webOSfrance n'a aucun lien avec la société Hewlett Packard.
Les autres sites du groupe, créé par Philippe Lagane : News-Mobiles, AccessOWeb et En 1 image
Siret: 522 602 721 00014 - Dispensé d'immatriculation en application de l'article L 123-1-1 du code de commerce