diff --git a/public/aktuelles.html b/public/aktuelles.html index 6e87e265ce4ca83ebe517a7ececdcaf557e0ceaa..cdcc73483d2436c16c607477d3c5806a6ad1057c 100644 --- a/public/aktuelles.html +++ b/public/aktuelles.html @@ -1,66 +1,18 @@ -<!DOCTYPE html> -<html> -<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> - -<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"> - <div>1- Loading, please wait...</div> - </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" - url="assets" - smooth="true" - smoothCount="10" - smoothTolerance=".01" - smoothThreshold="5" - > - <a-entity - gltf-model="assets/scene.gltf" - scale="5 5 5" - position="50 150 0" - > - </a-entity> - </a-nft> - <a-entity camera></a-entity> - </a-scene> -</body> +<!DOCTYPE html> +<html> + <head> + <title>AR.js Hello World Example</title> + <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script> + <script type='text/javascript' src='../../../build/aframe-ar-nft.js'></script> + </head> + <body> + <a-scene + vr-mode-ui="enabled: false" + arjs='sourceType: webcam; videoTexture: true; debugUIEnabled: false;' + renderer='antialias: true; alpha: true'> + <a-camera gps-camera rotation-reader></a-camera> + <a-box gps-entity-place='latitude: your-latitude; longitude: your-longitude' color='red' scale='20 20 20'></a-box> + </a-scene> + </body> </html> -