A-FRAMEを使って360度パノラマ画像を表示させています。
html
1<head> 2 <meta charset="UTF-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/> 4 <!-- A-frameの読み込み --> 5 <script src="https://cdnjs.cloudflare.com/ajax/libs/aframe/0.7.1/aframe.min.js"></script> 6</head> 7<!-- シーン --> 8<a-scene> 9 <!-- 素材 --> 10 <a-assets> 11 <img id="sky" src="images/panorama-back.png" alt="クライアントのイメージ" style='width: 100%;'> 12 </a-assets> 13 <!-- 全天球背景 --> 14 <a-sky src="#sky" rotation="0 -130 0"></a-sky> 15</a-scene>
VRのマークをクリックするとVRモードにはなるのですが、a-skyを自動で回転させることができません。
どのようにすれば、パノラマ画像を自動で回転させることができるでしょうか?
あなたの回答
tips
プレビュー