-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
47 lines (40 loc) · 2.16 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
<!DOCTYPE html>
<head>
<title>projectVR Test</title>
<script src="js/aframe.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<img id="mozvr" src="img/mozvr.png">
<img id="shadow2" src="img/radial-shadow-2.png">
<a-asset-item id="why-male-models" src="man/man.dae"></a-asset-item>
<img id="ui1" src="img/w3.jpg">
<img id="w1" src="img/w1.jpg">
<img id="w2" src="img/w2.jpg">
<img id="ui2" src="img/w4.jpg">
<img id="ui3" src="img/w5.png">
</a-assets>
<a-entity id="model" position="0 -2 -2">
<a-animation attribute="rotation" from="0 -30 0" to="0 330 0" dur="15000"
easing="linear" repeat="indefinite"></a-animation>
<a-collada-model position="-.35 0 .55" rotation="0 -20 0" scale="1.5 1.5 1.5"
src="#why-male-models"></a-collada-model>
<a-image src="#shadow2" rotation="-90 0 0" scale="0.5 0.5 0.5"></a-image>
</a-entity>
<a-image position="0 5 0" src="#shadow2" rotation="-90 0 0" scale="6 6 6"></a-image>
<a-curvedimage src="#ui3" radius="5.7" theta-length="80" height="6" rotation="0 150 0" scale="0.8 0.8 0.8"></a-curvedimage>
<!-- <a-curvedimage src="#mozvr" radius="5.7" theta-length="17" height=".36" opacity="0.2" rotation="0 250 0" position="0 2 0"></a-curvedimage> -->
<a-curvedimage src="#ui1" radius="5.7" theta-length="72" height="5" rotation="0 80 0" position="0 0 0" scale="0.6 0.6 0.6"></a-curvedimage>
<a-curvedimage src="#ui2" radius="5.7" theta-length="70" height="5" rotation="0 -130 0" scale="0.8 0.8 0.8"></a-curvedimage>
<a-curvedimage src="#w1" radius="5.7" theta-length="70" height="5" rotation="0 -60 0" scale="0.8 0.8 0.8"></a-curvedimage>
<a-curvedimage src="#w2" radius="5.7" theta-length="70" height="5" rotation="0 20 0" scale="0.8 0.8 0.8"></a-curvedimage>
<a-image position="0 -5 0" src="#shadow2" rotation="-90 0 0" scale="6 6 6"></a-image>
<!-- <a-sky color="#fff"></a-sky> -->
<a-sky src="img/pan.jpg" rotation="0 -130 0"></a-sky>
<a-entity position="0 0 1.7">
<a-camera></a-camera>
</a-entity>
</a-scene>
</body>
</html>