-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
116 lines (116 loc) · 9.6 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VR</title>
<meta name="description" content="Panorama — A-Frame">
<script src="aframe.min.js"></script>
<script src="https://rawgit.com/bryik/aframe-bmfont-text-component/master/dist/aframe-bmfont-text-component.min.js"></script>
<script src="https://rawgit.com/gasolin/aframe-href-component/master/dist/aframe-href-component.min.js"></script>
<script src="https://321c4.github.io/aframe-link-demo/sw-load.js" data-service-worker="sw.js" data-service-worker-scope="./"></script>
<script src="https://321c4.github.io/aframe-link-demo/js/vendor/aframe.min.js"></script>
<script src="https://321c4.github.io/aframe-link-demo/js/vendor/aframe-bmfont-text-component.min.js"></script>
<script src="https://321c4.github.io/aframe-link-demo/js/aframe-hyperlink.js"></script>
<link rel="preload" href="canteen-inside.html">
<link rel="prefetch" href="canteen-inside.html">
<link rel="icon" href="favicon.png">
</head>
<body>
<a-scene antialias="false">
<a-entity>
<a-camera>
<a-cursor color="#4CC3D9"></a-cursor>
</a-camera>
</a-entity>
<!--Sky-->
<a-assets>
<img id="sky" src="sky.png">
</a-assets>
<a-sky src="#sky"></a-sky>
<!-- ROAD and buildings of road 1 -->
<a-image src="1.jpg" width="11" height="47" rotation="90 0 0" position="0 0.5 -12"></a-image>
<a-image src="1.jpg" width="11" height="80" rotation="90 90 0" position="45.5 0.5 -30"></a-image>
<!--<a-image src="x.jpg" depth="0.5" height="29" width="3" position="-5 14 -9" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="29" width="3" position="-6.59 14 -9" rotation="0 90 0"></a-box>-->
<a-image src="4.jpg" depth="0.5" height="15" width="9" position="-5 8 -9" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="15" width="9" position="-6.59 8 -9" rotation="0 90 0"></a-box>
<a-image src="x.jpg" depth="0.5" height="29" width="6" position="-5 14 -16.5" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="29" width="6" position="-6.59 14 -16.5" rotation="0 90 0"></a-box>
<a-image src="4.jpg" depth="0.5" height="15" width="9" position="-5 8 -24" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="15" width="9" position="-6.59 8 -24" rotation="0 90 0"></a-box>
<a-image src="x.jpg" depth="0.5" height="29" width="6" position="-5 14 -31.5" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="29" width="6" position="-6.59 14 -31.5" rotation="0 90 0"></a-box>
<a-image src="x.jpg" depth="0.5" height="29" width="6" position="-5 14 -1.5" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="29" width="6" position="-6.59 14 -1.5" rotation="0 90 0"></a-box>
<!-- <a-image src="x.jpg" depth="0.5" height="29" width="3" position="-5 14 -6" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="29" width="3" position="-6.59 14 -6" rotation="0 90 0"></a-box>-->
<a-image src="4.jpg" depth="0.5" height="15" width="9" position="-5 8 6" rotation="0 90 0"></a-image>
<a-box color=rgb(105,105,105) depth="3" height="15" width="9" position="-6.59 8 6" rotation="0 90 0"></a-box>
<a-image src="2.jpg" width="50" height="80" rotation="90 90 0" position="45.5 0.5 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.5 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.51 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.52 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.53 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.54 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.55 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.56 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.57 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 90 0" width="50" position="5.58 1.25 0.5"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 0 0" width="80" position="45.5 1.25 -24.51"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 0 0" width="80" position="45.5 1.25 -24.52"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 0 0" width="80" position="45.5 1.25 -24.53"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 0 0" width="80" position="45.5 1.25 -24.54"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 0 0" width="80" position="45.5 1.25 -24.55"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 0 0" width="80" position="45.5 1.25 -24.56"></a-image>
<a-image src="123.jpg" depth="0" height="1.5" rotation="0 0 0" width="80" position="45.5 1.25 -24.57"></a-image>
<!--road 2 buildings-->
<a-image src="img4.jpg" depth="0.5" height="24" width="8" position="9.5 12.5 -35.5"></a-image>
<a-image src="img3.jpg" depth="0.5" height="20" width="4" position="15.5 10.5 -35.5"></a-image>
<a-image src="img4.jpg" depth="0.5" height="24" width="8" position="21.5 12.5 -35.5"></a-image>
<a-image src="img3.jpg" depth="0.5" height="20" width="4" position="27.5 10.5 -35.5"></a-image>
<a-image src="img4.jpg" depth="0.5" height="24" width="8" position="33.5 12.5 -35.5"></a-image>
<a-image src="img3.jpg" depth="0.5" height="20" width="4" position="39.5 10.5 -35.5"></a-image>
<a-image src="img4.jpg" depth="0.5" height="24" width="8" position="45.5 12.5 -35.5"></a-image>
<a-image src="img3.jpg" depth="0.5" height="20" width="4" position="51.5 10.5 -35.5"></a-image>
<a-image src="img4.jpg" depth="0.5" height="24" width="8" position="57.5 12.5 -35.5"></a-image>
<a-image src="img3.jpg" depth="0.5" height="20" width="4" position="63.5 10.5 -35.5"></a-image>
<a-image src="img4.jpg" depth="0.5" height="24" width="8" position="69.5 12.5 -35.5"></a-image>
<a-image src="img3.jpg" depth="0.5" height="20" width="4" position="75.5 10.5 -35.5"></a-image>
<a-image src="img4.jpg" depth="0.5" height="24" width="8" position="81.5 12.5 -35.5"></a-image>
<!--road 2 blocks-->
<a-box color=rgb(105,105,105) depth="4" height="24" width="6" position="10 12.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="20" width="4" position="15.5 10.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="24" width="8" position="21.5 12.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="20" width="4" position="27.5 10.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="24" width="8" position="33.5 12.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="20" width="4" position="39.5 10.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="24" width="8" position="45.5 12.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="20" width="4" position="51.5 10.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="24" width="8" position="57.5 12.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="20" width="4" position="63.5 10.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="24" width="8" position="69.5 12.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="20" width="4" position="75.5 10.5 -37.6"></a-box>
<a-box color=rgb(105,105,105) depth="4" height="24" width="8" position="81.5 12.5 -37.6"></a-box>
<!-- <a-box color="tomato" src="#texture"depth="1" height="4" width="0.5" position="0.7 0.5 10"></a-box>-->
<!-- <a-box color="tomato" src="#texture"depth="1" height="4" width="0.5" position="0.7 0.5 10"></a-box>-->
<a-assets>
<img id="my-image" src="crop2.jpg">
</a-assets>
<!-- Using the asset management system. -->
<a-image src="carpet.png" width="14.25" height="13.5" rotation="90 0 0"position="0 0.5 -42.25"></a-image>
<a-image src="black.png" width="17" height="14.5" rotation="90 0 0"position="0 6.4 -42"></a-image>
<a-curvedimage src="#my-image" height="6.0" radius="6.5" theta-length="300" position="0 3.5 -41.5" rotation="0 31 0" scale="1 1 1"></a-curvedimage>
<a-curvedimage src="audii.jpg" height="5.9" radius="5" theta-length="-180" position="0 3.5 -37.8" rotation="0 90 0" scale="0.25 1 1"></a-curvedimage>
<a-assets>
<img id="my-image2" src="crop3.JPG">
</a-assets>
<a-curvedimage src="#my-image2" height="6.0" radius="7" theta-length="300" position="0 3.5 -42" rotation="0 210 0" scale="1 1 1"></a-curvedimage>
<!--Link-->
<a-entity>
<a-box depth="7" height="7.5" width="11" position="0 4.5 14.8" material="src: #vending-machine-orbicon; repeat: 1 1; roughness: 2;" color="#4A74E4" opacity="1" roughness="0.8" href="canteen-inside.html" geometry="" scale="" visible="">
</a-box>
</a-entity>
<a-image src="canteen.jpg" width="10" height="7.5" rotation="0 180 0" position="0 4.25 11"></a-image>
</a-scene>
</body>
</html>