-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
56 lines (42 loc) · 2.17 KB
/
index.html
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
<head>
<!-- <meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'> -->
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<!-- <script type="text/javascript" src="ar-threex.js"></script> -->
<script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
<script src="https://cdn.statically.io/gh/donmccurdy/aframe-extras/fe293f78/dist/aframe-extras.loaders.js"></script>
<!--
<script type='text/javascript' src='./script.js'></script>
<link rel="stylesheet" type="text/css" href="./style.css"/> -->
<script src="https://cdn.jsdelivr.net/npm/handtrackjs/dist/handtrack.min.js"> </script>
</head>
<body style="margin: 0; overflow: hidden;">
<!-- <div class="centered instructions"></div> -->
<a-scene
vr-mode-ui="enabled: false"
arjs="sourceType: webcam; videoTexture: true; debugUIEnabled: false; sourceWidth:1280; sourceHeight:960; displayWidth: 1280; displayHeight: 960;"
renderer="antialias: true; alpha: true">
<a-assets>
<a-asset-item id="test" src="./assets/car/hovercar.gltf"/>
<!--<a-asset-item id="left" src="./assets/left.gltf"/>
<a-asset-item id="right" src="./assets/right.gltf"/> -->
</a-assets>
<a-entity gltf-model="#test"
rotation="0 180 0" scale="0.15 0.15 0.15"
gps-entity-place="longitude: -78; latitude: 43;"
animation-mixer="loop: repeat">
</a-entity>
<!--<a-entity gltf-model="#left" id="leftHand" hand-tracking-controls="hand: left;"></a-entity>
<a-entity gltf-model="#right" id="rightHand" hand-tracking-controls="hand: right;"></a-entity>-->
<!-- <a-camera gps-camera rotation-reader></a-camera> -->
<a-camera gps-camera="simulateLatitude: 43; simulateLongitude: -78; gpsMinDistance: 3;" position="0 5 0" rotation-reader></a-camera>
</a-scene>
<!-- <div class="centered">
<button data-action="change"></button>
</div> -->
</body>
</html>