reroad-test/2020-fuga/syaisn.html at 7dd4fbae539dd72c4ce7119428e1470f439507bf

Fork: 0

SKIP / reroad-test

Find file

Newer

Older

reroad-test / 2020-fuga / syaisn.html

sakurai on 1 Aug 2021 1016 bytes Update syaisn.html

Raw Blame History

<!DOCTYPE html>
<html lang="ja">

<head>
  <title>A-Frame</title>
  <link rel="stylesheet" type="text/css" href="./Panorama.css">
  <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>

<body>
  <a-scene id="vr" embedded>
    <a-assets>
      <img id="360"  src="360picture/R0010010.JPG">

    </a-assets>
    <a-sky src="360picture/R0010010.JPG" rotation="0 -130 0"></a-sky>
    <a-camera position="0 0 0">
      <a-entity  id="myCursor" cursor="fuse: true; fuseTimeout: 1000" position="0 0 -1" geometry="primitive: ring" scale="0.03 0.03 0.03" material="color: blue; shader: flat">
        <a-animation begin="cursor-fusing" easing="ease-in" attribute="scale" fill="none" from="0.03 0.03 0.03" to="0.001 0.001 0.001"></a-animation>
      </a-entity>
    </a-camera>
    <a-sphere position="0 6 -7" color="skyblue" id="sample-obj"></a-sphere>
    <a-sphere position="5 6 -7" color="skyblue" id="sample-obj2"></a-sphere>
  </a-scene>


  <script src="Panorama.js"></script>
</body>
</html>