/
rhine3.html
35 lines (35 loc) · 1.87 KB
/
rhine3.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Links</title>
<meta name="description" content="Links – A-Frame">
<script src="js/aframe-master.js"></script>
<script src="js/components/aframe-tooltip-component.js"></script>
<script src="js/components/camera-position.js"></script>
<script src="js/components/ground.js"></script>
<script src="js/components/link-controls.js"></script>
<script src="shaders/skyGradient.js"></script>
</head>
<body style="font-family: Helvetica, Arial, Sans-Serif;background:#84c9e9">
<b>360 Degree Image:</b> -
<a href="rhein1_rodenkirchen.html">Rhine 1</a> -
<a href="rhein2_rodenkirchen.html">Rhine 2</a> -
<a href="rhein3_rodenkirchen.html">Rhine 3</a> -
<a href="rhein4_rodenkirchen.html">Rhine 4</a>
<a-scene raycaster="far: 100; objects: [link];" cursor="rayOrigin: mouse" camera-position>
<a-assets>
<img id="thumbRhine1" crossOrigin="anonymous" src="img/rhein1_rodenkirchen.jpg">
<img id="thumbRhine2" crossOrigin="anonymous" src="img/rhein2_rodenkirchen.jpg">
<img id="thumbRhine3" crossOrigin="anonymous" src="img/rhein3_rodenkirchen.jpg">
<img id="thumbRhine4" crossOrigin="anonymous" src="img/rhein4_rodenkirchen.jpg">
</a-assets>
<a-link href="index.html" position="-3.5 1.5 2.0" rotation="0 75 0" image="#thumbRhine1" title="Move to Rhine 1" color="red"></a-link>
<a-link href="rhine4.html" position="-3.5 1.5 -1.0" image="#thumbRhine4" title="Move to Rhine 4"></a-link>
<a-link href="rhine2.html" position="3.5 1.5 2.0" rotation="0 -45 0" image="#thumbRhine2" title="Move to Rhine 2"></a-link>
<a-sky src="#thumbRhine3" rotation="0 -130 0"></a-sky>
<a-entity id="leftHand" link-controls="hand: left"></a-entity>
<a-entity id="rightHand" link-controls="hand: right"></a-entity>
</a-scene>
</body>
</html>