-
Notifications
You must be signed in to change notification settings - Fork 0
/
physics.html
97 lines (81 loc) · 4.76 KB
/
physics.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VR Physics</title>
<meta name="description" content="VR-Prototype">
<!--<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>-->
<!--<script src="/lib/aframe-master.js"></script>
<script src="/components/intersectColorChange.js"></script>
<script src="/components/randomEntityGenerator.js"></script>
<script src="/lib/aframe-mouse-cursor-component.js"></script>-->
<script src="physics-bundle.js"></script>
<script src="/lib/aframe-extras.min.js"></script>
</head>
<body>
<!--stats debug-->
<!--style="display: none;"-->
<a-scene stats debug>
<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">
</a-assets>
<!--<a-entity light="type:directional; castShadow:true;" position="1 1 1"></a-entity>-->
<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-sun-sky>
<a-entity id="orbit">
</a-entity>
</a-sun-sky>-->
<!--<a-scene>
<a-entity cubemap="folder: /assets/image/nissibeach2/"></a-entity>
</a-scene>-->
<!--<a-entity position="0 1 -3">
<a-entity id="backgroundCube" class="intersectable" mixin="green cube">
<a-animation begin="click" attribute="rotation" to="0 360 0" easing="linear" dur="2000" fill="backwards"></a-animation>
</a-entity>
</a-entity>-->
<a-entity id="treemapContainer" class="intersectable" treemap-generator drag-rotate="speed: 8;" position="0 0.5 0">
<!--<a-entity id="middleAnchor" position="2.8 0 1.728"></a-entity>-->
</a-entity>
<!--<a-entity position="0 0 4">
<a-camera id="camera" look-controls="enabled:false">
<a-entity cursor raycaster="far: 100; objects: .intersectable; showLine: true;"
geometry="primitive: ring; radiusOuter: 0.015; radiusInner: 0.1; segmentsTheta: 32" material="color: #283644; shader: flat"
position="0 0 -0.75"></a-entity>
<a-light light="type: point; color: #fff; intensity: 0.8;" position="0 0 0"></a-light>
</a-camera>
</a-entity>-->
<!--<a-entity id="cardInfo" geometry="primitive: plane; width: 1.8; height: 2" material="shader: flat; color: #FFF" position="0 2 0">
<a-text value="Liz Kobrazova" color="#4B5154" width="4" position="-0.55 0 0.01"></a-text>
<a-plane material="shader: flat;" width="1.6" height="0.4" position="0 -0.35 0.01">
<a-text value="Senior developer of troublemaking and unexpected adventuring. Finally got lost in
mind travelling, trying to find the answer to the Ultimate Question of Everything."
color="#697982" anchor="center" width="1.6"></a-text>
</a-plane>
<a-plane material="shader: flat;" width="1.6" height="0.01" position="0 -0.2 0.01" color="#697982" opacity="0.3"></a-plane>
</a-entity>-->
<!--<a-entity geometry="height:0.86;primitive:plane;width:1.8" material="shader:flat;color:#FFF" position="0 2 0">
<a-text value="Liz Kobrazova" color="#4B5154" width="4" position="-0.55 0 0.01" text="baseline:top;align:center"></a-text>
<a-plane material="shader:flat" width="1.6" height="0.01" position="0 -0.2 0.01" color="#697982" opacity="0.3"></a-plane>
<a-text value="Senior developer of troublemaking and unexpected adventuring. Finally got lost in
mind travelling, trying to find the answer to the Ultimate Question of Everything." color="#697982" anchor="center" width="1.6" position=""></a-text>
</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>