-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (25 loc) · 1.49 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
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Theremin(Leap Motion)</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js'></script>
<script src='https://js.leapmotion.com/leap-0.6.3.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.sound.min.js'></script>
<script src='https://aframe.io/releases/0.6.1/aframe.min.js'></script>
<script src="https://unpkg.com/aframe-leap-hands/dist/aframe-leap-hands.min.js"></script>
<script src="//cdn.rawgit.com/donmccurdy/aframe-physics-system/v2.0.0/dist/aframe-physics-system.min.js"></script>
</head>
<body>
<a-scene leap="vr: false" camera="near: 0.01" look-controls position="0 1.5 0">
<a-plane color="#CCC" height="100" width="100" rotation="-90 0 0"></a-plane>
<a-sky color="#f0f0f0"></a-sky>
<a-collada-model id="theremin" static-body shape="box" src="/assets/theremin/model.dae" position="-0.4 1 -1" rotation="0 270 0"></a-collada-model>
<a-collada-model id="tripod" static-body shape="box" src="/assets/tripod/model.dae" position="0.243 -0.333 -0.285" rotation="0 180 0"></a-collada-model>
<a-entity id="left" enablePhysics="true" leap-hand="hand: left" position="0 1 -1"></a-entity>
<a-entity id="right" enablePhysics="true" leap-hand="hand: right" position="0 1 -1"></a-entity>
</a-scene>
<script src="js/index.js"></script>
</body>
</html>