aframe-example/index.html at master · hyperbeam/aframe-example · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>AFrame Example</title>
    <!-- You cannot use module imports with AFrame -->
    <!-- https://github.com/aframevr/aframe/issues/4038 -->
    <!-- https://aframe.io/docs/1.3.0/introduction/javascript-events-dom-apis.html#where-to-place-javascript-code-for-a-frame -->
    <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
    <script src="/main.js"></script>
  </head>
  <body>
    <audio id="audio" autoplay></audio> <!-- Remove autoplay when AFrame adds support for dynamic audio -->
    <a-scene>
      <a-entity camera="active: true" look-controls wasd-controls position="0 1.6 0">
        <a-entity
            cursor="fuse: false; rayOrigin: mouse"
            raycaster="objects: .hyperbeam; far: 20"
            >
        </a-entity>
      </a-entity>
      <a-plane
          class="hyperbeam"
          position="0 1.5 -8"
          rotation="0 0 0"
          width="16"
          height="9"
          color="#000000"
          sound="src: #audio; autoplay: true; refDistance: 0.2; rolloffFactor: 3"
          hyperbeam
          ></a-plane>
      <a-sky color="#ECECEC"></a-sky>
    </a-scene>
    <div id="hbcontainer"></div>
  </body>
</html>