-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
68 lines (58 loc) · 2.38 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
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>8th Wall Web: Manipulate</title>
<!-- We've included a slightly modified version of A-Frame, which fixes some polish concerns -->
<script src="//cdn.8thwall.com/web/aframe/8frame-0.8.2.min.js"></script>
<script src="gesture-detector.js"></script>
<script src="hold-drag.js"></script>
<script src="pinch-scale.js"></script>
<script src="two-finger-spin.js"></script>
<!-- XR Extras - provides utilities like load screen, almost there, and error handling.
See github.com/8thwall/web/xrextras -->
<script defer src="//cdn.8thwall.com/web/xrextras/xrextras.js"></script>
<script defer src="//cdn.8thwall.com/web/aframe/aframe-animation-component-5.1.2.min.js"></script>
<!-- 8thWall Web - Replace the app key here with your own app key -->
<script async src="//apps.8thwall.com/xrweb?appKey=7JNrVTB7V3XKDLJ9QfdSboVBcVKpF9ygrQO53Ovyq7nCpFjVqsIjWBDLyiNajntljVgaYd"></script>
</head>
<body>
<a-scene
xrweb
gesture-detector
xrextras-almost-there
xrextras-loading
xrextras-runtime-error>
<!-- We can define assets here to be loaded when A-Frame initializes -->
<a-assets>
<!-- Credit to Poly by Google for the model: https://poly.google.com/view/5ZMAz7_ucTn -->
<a-asset-item id="sandCastleModel" src="Table.obj"></a-asset-item>
<a-asset-item id="sandCastleModel-mtl" src="Table.mtl"></a-asset-item>
</a-assets>
<!-- The raycaster will emit mouse events on scene objects specified with the cantap class -->
<a-camera
id="camera"
position="0 8 8"
raycaster="objects: .cantap"
cursor="
fuse: false;
rayOrigin: mouse;">
</a-camera>
<a-entity
light="type: directional;
intensity: 0.8;"
position="1 4.3 2.5">
</a-entity>
<a-light type="ambient" intensity="1"></a-light>
<a-entity obj-model="obj: #sandCastleModel; mtl: #sandCastleModel-mtl" class="cantap" hold-drag two-finger-spin pinch-scale scale="1 1 1"></a-entity>
<a-entity
id="ground"
class="cantap"
geometry="primitive: box"
material="color: #ffffff; transparent: true; opacity: 0.0"
scale="10000000000 20000000 10000000000"
position="0 -1 0">
</a-entity>
</a-scene>
</body>
</html>