タグ

ブックマーク / ameblo.jp/tsq (1)

  • 『加速度センサーをiPhoneのSafariで取得(JavaScript)』

    こんなサンプルを作ってみました。 灰色の部分は<div>タグで、アメーバの部分は<img>タグです。 最初、画像はCSSで<div>タグの端に置いておいて、 JavaScriptで取得した加速度の数値を、 CSS3 -webkit-transformのtranslate3dで足してあげてるだけです。 で、肝心のJSの取得ですが、 devicemotionイベントのaccelerationIncludingGravityプロパティ(?)の中に入ってるみたいです。 window.addEventListener("devicemotion",onDevicemotion); こんな風にしてあげといて、 function onDevicemotion(ev){ var aX = ev.accelerationIncludingGravity.x; var aY = ev.acceleration

    『加速度センサーをiPhoneのSafariで取得(JavaScript)』
    rona
    rona 2011/01/19
    シェイクイベント(iPhoneを振る)の実行
  • 1