iOS4.2~の加速度センサー、ジャイロセンサーの取得 alt Follow 2011-02-10 15:07:06 License: MIT License Fork10 Fav0 View9843 Play Stop Reload Fullscreen Smart Phone Fork tree Readme JavaScript 38 lines HTML 13 lines CSS 1 lines iOS4.2~の加速度センサー、ジャイロセンサーの取得 var x = $('#x'); var y = $('#y'); var z = $('#z'); var xg = $('#xg'); var yg = $('#yg'); var zg = $('#zg'); var a = $('#a'); var b = $('#b'); var g = $('#g'); window.addEventListener('devicemotion', function(evt) { // iPhone4はすべて取得できます。 // iPhone3GSの場合はacceleration、rotationRateはコメントアウトしてください。 var ac = evt.acceleration; x.text(ac.x); //x方向の傾き加速度 y.text(ac.y); //y方向の傾き加速度 z.text(ac.z); //z方向の傾き加速度 var acg = evt.accelerationIncludingGravity; xg.text(acg.x); //x方向の傾き重力加速度 yg.text(acg.y); //y方向の傾き重力加速度 zg.text(acg.z); //z方向の傾き重力加速度 var rr = evt.rotationRate; a.text(rr.alpha); //z軸の回転加速度 b.text(rr.beta); //x軸の回転加速度 g.text(rr.gamma); //y軸の回転加速度 }); /* window.addEventListener('deviceorientation', function(event) { a.text(event.alpha); //z軸の回転加速度 b.text(event.beta); //x軸の回転加速度 g.text(event.gamma); //y軸の回転加速度 }); */ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <h1>Acceleration demo for iOS4.2~</h1> <p>x: <span id='x'></span></p> <p>y: <span id='y'></span></p> <p>z: <span id='z'></span></p> <p>xg: <span id='xg'></span></p> <p>yg: <span id='yg'></span></p> <p>zg: <span id='zg'></span></p> <p>a: <span id='a'></span></p> <p>b: <span id='b'></span></p> <p>g: <span id='g'></span></p> iOS4.2~の加速度センサー、ジャイロセンサーの取得 body { background-color: #DDDDDD; font: 12px sans-serif; } var x = $('#x'); var y = $('#y'); var z = $('#z'); var xg = $('#xg'); var yg = $('#yg'); var zg = $('#zg'); var a = $('#a'); var b = $('#b'); var g = $('#g'); window.addEventListener('devicemotion', function(evt) { // iPhone4はすべて取得できます。 // iPhone3GSの場合はacceleration、rotationRateはコメントアウトしてください。 var ac = evt.acceleration; x.text(ac.x); //x方向の傾き加速度 y.text(ac.y); //y方向の傾き加速度 z.text(ac.z); //z方向の傾き加速度 var acg = evt.accelerationIncludingGravity; xg.text(acg.x); //x方向の傾き重力加速度 yg.text(acg.y); //y方向の傾き重力加速度 zg.text(acg.z); //z方向の傾き重力加速度 var rr = evt.rotationRate; a.text(rr.alpha); //z軸の回転加速度 b.text(rr.beta); //x軸の回転加速度 g.text(rr.gamma); //y軸の回転加速度 }); /* window.addEventListener('deviceorientation', function(event) { a.text(event.alpha); //z軸の回転加速度 b.text(event.beta); //x軸の回転加速度 g.text(event.gamma); //y軸の回転加速度 }); */ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <h1>Acceleration demo for iOS4.2~</h1> <p>x: <span id='x'></span></p> <p>y: <span id='y'></span></p> <p>z: <span id='z'></span></p> <p>xg: <span id='xg'></span></p> <p>yg: <span id='yg'></span></p> <p>zg: <span id='zg'></span></p> <p>a: <span id='a'></span></p> <p>b: <span id='b'></span></p> <p>g: <span id='g'></span></p> body { background-color: #DDDDDD; font: 12px sans-serif; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか? Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/YkYd/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/alt/YkYd" title="iOS4.2~の加速度センサー、ジャイロセンサーの取得">iOS4.2~の加速度センサー、ジャイロセンサーの取得 - jsdo.it - share JavaScript, HTML5 and CSS</a></p> iPhone Tweet twitter Tags iPhone library&test smartphones&tablets Forked sort new page view favorite forked forked: iOS4.2~の加速度センサー、ジャイロセン.. Tomoiro.smz 00 17views 39/13/1 iPhone forked: iOS4.2~の加速度センサー、ジャイロセン.. develop_sect.. 00 35views 39/13/1 iPhone forked: iOS4.2~の加速度センサー、ジャイロセン.. kumetter 00 187views 101/14/4 iPhone forked: iOS4.2~の加速度センサー、ジャイロセン.. Ryohei.Akimo.. 00 20views 39/13/1 iPhone 1 2 3 4NEXT>>