-
Notifications
You must be signed in to change notification settings - Fork 0
/
pano-sky.html
49 lines (40 loc) · 2.05 KB
/
pano-sky.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VR-Prototype</title>
<meta name="description" content="VR-Prototype">
<script src="bundle.js"></script>
<script src="/lib/aframe-extras.min.js"></script>
<script src="/lib/aframe-animation-component.min.js"></script>
</head>
<body>
<!--stats debug-->
<!--style="display: none;"-->
<a-scene>
<a-assets>
<a-mixin id="cube" geometry="primitive: box"></a-mixin>
<a-mixin id="green" material="color: #9DE0AD"></a-mixin>
<!--<img id="sky" src="/assets/image/pano/trinity-river-california-2048.jpg">-->
<img id="sky" src="/assets/image/pano/sky-pano.jpg">
</a-assets>
<a-entity light="type: directional; color: #EEE; intensity: 0.5" position="-1 5 -3"></a-entity>
<a-sky phi-start="90" src="#sky"></a-sky>
<a-entity id="treemapContainer" class="intersectable" treemap-generator drag-rotate="speed: 8;" position="0 0.5 0"></a-entity>
<a-entity position="0 .6 4">
<!--rotationControls: hmd, gamepad; -->
<!--look-controls="enabled:false"-->
<a-entity camera id="camera" universal-controls="rotationControls: hmd, gamepad;" mouse-controls="pointerlockEnabled: false">
<!--showLine: true;-->
<a-entity cursor="downEvents: touchstart; upEvents: touchend;" raycaster="far: 100; objects: .intersectable;" geometry="primitive: circle; radius: 0.005;"
material="color: #FFF;" position="0 0 -0.75"></a-entity>
<a-entity id="cardInfo" geometry="primitive:plane;height:0.2;width:0.4" material="shader:flat;color:#FFF" position="1 0 -1">
<a-text id="cardTitle" color="#4B5154" width="4" position="0 0.312 0.01" text="value:Petrobras;align:center;baseline:top;anchor:align;width:4;color:#4B5154"></a-text>
<a-plane material="shader:flat" width="1.6" height="0.01" position="0 0.085 0.01" color="#697982" opacity="0.3"></a-plane>
</a-entity>
<!--<a-light light="type: point; color: #fff; intensity: 0.6;" position="0 0 0"></a-light>-->
</a-entity>
</a-entity>
</a-scene>
</body>
</html>