comunicationLeap/clientLeap/index.html
clientLeap/index.htmlRaw
1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8 <title>leapmotionProva1</title>
9
10 <!-- Bootstrap -->
11 <link href="css/bootstrap.min.css" rel="stylesheet">
12
13 <link href="own.css" rel="stylesheet">
14
15
16
17 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
18 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
19 <!--[if lt IE 9]>
20 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
21 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
22 <![endif]-->
23 </head>
24 <body onload='OnLoadIndex()'>
25
26 <!--<div class='container'>
27 <h1>leapjs v2</h1>
28 <div id='output' class='panel panel-default'></div>
29 </div>-->
30
31 <div class='own-options' style='hidden:true;'>
32 num<br>total<br>Connect:<br>
33 <span id='idNumConnections' class='badge'>0</span><br>
34 <b>Options</b><br>
35 <div onclick='OnBtnClick(this.id)' id='o2btn' class='btn btn-success own-block'>o2</div>
36 <div onclick='OnBtnClick(this.id)' id='o3btn' class='btn btn-success own-block'>o3</div>
37 <div onclick='OnBtnClick(this.id)' id='o4btn' class='btn btn-success own-block'>o4</div>
38 <div onclick='OnBtnClick(this.id)' id='o5btn' class='btn btn-success own-block'>o5</div>
39 <div onclick='OnBtnClick(this.id)' id='o6btn' class='btn btn-success own-block'>o6</div>
40 <p id='btnSelected'></p>
41 </div>
42 <div id='msg' class='own-msg'>
43
44 </div>
45
46
47 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
48 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
49 <!-- Include all compiled plugins (below), or include individual files as needed -->
50 <script src="js/bootstrap.min.js"></script>
51 </body>
52 <script src='https://js.leapmotion.com/leap-0.6.4.min.js'></script>
53 <script src="/socket.io/socket.io.js"></script>
54
55 <script src='leapController.js'></script>
56 <script src='comunication.js'></script>
57 <script src='movements.js'></script>
58
59
60
61
62 <script src="libraries/toastr.min.js"></script>
63 <link href="libraries/toastr.min.css" rel="stylesheet">
64
65 <script src="libraries/three.min.js"></script>
66 <script src="http://threejs.org/examples/js/loaders/OBJLoader.js"></script>
67 <script src="libraries/MTLLoader.js"></script>
68
69 <script src="scene3d.js"></script>
70
71 <script src='mouseController.js'></script>
72
73 <script src='options.js'></script>
74</html>