webxr-3dmodel/index.html at main · v-studios/webxr-3dmodel · 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
36
37
<html>

<head>
    <script src="https://aframe.io/releases/1.7.0/aframe.min.js"></script>

    <!-- for animation-mixer-->
     <script src="https://cdn.jsdelivr.net/gh/donmccurdy/aframe-extras@v6.1.1/dist/aframe-extras.min.js"></script>
</head>

<body>
    <a-scene>
        <a-assets>
            <a-asset-item id="drone"
                          src="buster_drone/scene.gltf"></a-asset-item>
        </a-assets>

        <a-plane position="0 0 -4"
                 rotation="-90 0 0"
                 width="10"
                 height="10"
                 color="#7BC8A4"></a-plane>
        <a-sky color="#dadada"></a-sky>

        <a-sphere position="2 1.25 -3"
                  radius="0.5"
                  color="#FFA500"></a-sphere>

        <a-entity gltf-model="#drone"
                  position="0 2 -2"
                  animation-mixer
                ></a-entity>

    </a-scene>

</body>

</html>