aktuelles.html 1.69 KB
Newer Older
Wolfgang Knopki's avatar
Wolfgang Knopki committed
1
2
<!DOCTYPE html>
<html>
Alfakhori's avatar
Alfakhori committed
3
4
<script src="https://cdn.jsdelivr.net/gh/aframevr/aframe@1c2407b26c61958baa93967b5412487cd94b290b/dist/aframe-master.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
Wolfgang Knopki's avatar
Wolfgang Knopki committed
5

Alfakhori's avatar
Alfakhori committed
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<style>
  .arjs-loader {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .arjs-loader div {
    text-align: center;
    font-size: 1.25em;
    color: white;
  }
</style>

<body style="margin : 0px; overflow: hidden;">
  <!-- minimal loader shown until image descriptors are loaded -->
  <div class="arjs-loader">
Alfakhori's avatar
Alfakhori committed
30
    <div>1Loading, please wait...</div>
Alfakhori's avatar
Alfakhori committed
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
  </div>
  <a-scene
    vr-mode-ui="enabled: false;"
    renderer="logarithmicDepthBuffer: true;"
    embedded
    arjs="trackingMethod: best; sourceType: webcam;debugUIEnabled: false;"
  >
    <!-- we use cors proxy to avoid cross-origin problems -->

    <!--
      ⚠️⚠️⚠️
      https://arjs-cors-proxy.herokuapp.com/ is now offline, Heroku has dismissed all his free plans from November 2022.
      You need to host your own proxy and use it instead. The proxy is based on CORS Anywhere (see https://github.com/Rob--W/cors-anywhere).
      ⚠️⚠️⚠️
    -->

    <a-nft
      type="nft"
Alfakhori's avatar
Alfakhori committed
49
      url="/assets"
Alfakhori's avatar
Alfakhori committed
50
51
52
53
54
55
      smooth="true"
      smoothCount="10"
      smoothTolerance=".01"
      smoothThreshold="5"
    >
      <a-entity
Alfakhori's avatar
Alfakhori committed
56
        gltf-model="/assets/scene.gltf"
Alfakhori's avatar
Alfakhori committed
57
58
59
60
61
62
63
64
        scale="5 5 5"
        position="50 150 0"
      >
      </a-entity>
    </a-nft>
    <a-entity camera></a-entity>
  </a-scene>
</body>
Wolfgang Knopki's avatar
Wolfgang Knopki committed
65
66
</html>