-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbody.html
63 lines (57 loc) · 1.52 KB
/
body.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
<div id="nextbutton" style="display: none; z-index: 10">
<h2>Next 3D Model</h2>
</div>
<a-scene
next-button
xrextras-gesture-detector
landing-page
xrextras-loading
xrextras-runtime-error
xrweb="allowedDevices: any">
<a-assets>
<a-asset-item id="firstModel" src="./assets/StockPrices.glb"></a-asset-item>
<a-asset-item id="secondModel" src="./assets/GameSales.glb"></a-asset-item>
<a-asset-item id="thirdModel" src="./assets/TeamValue.glb"></a-asset-item>
<a-asset-item id="fourthModel" src="./assets/EndowmentSize.glb"></a-asset-item>
<a-asset-item id="fifthModel" src="./assets/GDPpercapita.glb"></a-asset-item>
</a-assets>
<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;
castShadow: true;
shadowMapHeight:2048;
shadowMapWidth:2048;
shadowCameraTop: 10;
target: #model;"
position="1 4.3 2.5"
xrextras-attach="target: model; offset: 1 15 3;"
shadow>
</a-entity>
<a-light type="ambient" intensity="1"></a-light>
<a-entity
id="model"
gltf-model="#firstModel"
class="cantap"
scale="2 2 2"
xrextras-hold-drag
xrextras-two-finger-rotate
xrextras-pinch-scale
shadow>
</a-entity>
<a-plane
id="ground"
position="0 0 0"
rotation="-90 0 0"
width="50"
height="50"
material="shader: shadow"
shadow></a-plane>
</a-scene>