Newer
Older
reroad-test / 2020-ryusei / sample.html
<!DOCTYPE html>
<html lang="ja">

<head>
  <title>やまなの作業場</title>
  <link rel="stylesheet" href="./skip.css" type="text/css">
  <script type="text/javascript" src="aframe-master/dist/aframe-v1.0.4.min.js"></script>
</head>

<body>
  <a-scene id="vr" embedded>
    <a-assets>
      <img id="360" src="360picture/R0010010.JPG" alt="松ヶ岡">
      <img id="icon" src="icon.png" alt="マップアイコン">
    </a-assets>
    <a-sky src="#360" rotation="0 100 0"></a-sky>
    <a-camera position="0 0 0">
      <a-entity cursor="fuse: true; fuseTimeout:1000" position="0 0 -1" geometry="primitive: ring" scale="0.03 0.03 0.03" material="color: red; shader: flat">
        <a-animation begin="cursor-fusing" easing="ease-in" attribute="scale" dur="1500" fill="backwards" from="0.05 0.05 0.05" to="0.001 0.001 0.001"></a-animation>
      </a-entity>
    </a-camera>

    <a-sphere position="10 0 -7" color="skyblue" radius="1" id="index.html"></a-sphere>
  </a-scene>

  <script type="text/javascript" src="move.js">
  </script>
</body>