milkcocoaのwebサイトにあるチュートリアル(スマホの向きをリアルタイムで表示するもの)
をQRコード読み取りではできたので、次はチュートリアルを参考に記述して作成しようとおもいました。
しかし、「スマートフォン側のコードを書く」の段階で
「index.html」と「main-sp.js」をサンプル通りに記述して動作確認しようと思いましたが、具体的にどうすれば実行できるかわかりません。
「index.html」と「main-sp.js」をスマホの同じフォルダに入れて「index.html」を開けば
実行できるかと思ったのですがブラウザの表示は真っ白でエラーも出ません。
「index.html」の記述を「TEST」とするとブラウザに「TEST」とは表示されます。
全くの素人で根本から間違えているのかもしれませんがどなたかアドバイスいただけると助かります。
よろしくお願いいたします。
index.html
<body> <div id="output"></div> <script src='https://cdn.mlkcca.com/v0.6.0/milkcocoa.js'></script> <script src="main-sp.js"></script> </body>main-sp.js
window.onload = function(){
var output = document.getElementById('output');
window.addEventListener('devicemotion', function(e){
gravity = e.accelerationIncludingGravity;
output.innerHTML = 'x方向: '+gravity.x + '<br>y方向: '+gravity.y;
},true);
};
あなたの回答
tips
プレビュー