Newer
Older
AegisforEcosystem / next / AR.js-3.4.0 / aframe / examples / location-based / show-arbitrary-distant-places / index.html
@KAOKA Daisuke KAOKA Daisuke on 31 May 2022 1 KB into AR.js
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>Use of Video Texture</title>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script type='text/javascript' src='../../../build/aframe-ar-nft.js'></script>
</head>

<body>
    <a-scene vr-mode-ui="enabled: false" renderer='antialias: true; alpha:true'
        arjs='videoTexture: true; sourceType: webcam; debugUIEnabled: false'>
        <a-camera id='camera1' near="0.1" far="50000" fov="80"
            gps-camera='simulateLatitude: 51.049; simulateLongitude: -0.723'
            rotation-reader vertical-controls wasd-controls="acceleration: 1300">
        </a-camera>

        <!-- This is perhaps 1.5 kilometres from the starting point.
             With videoTexture: false it does not appear.
             With videoTexture: true, it does. -->
        <a-box gps-entity-place='latitude: 51.0597; longitude: -0.7171' material='color: yellow'
            position='0 90 0' scale='100 100 100'>
        </a-box>
    </a-scene>
</body>

</html>