-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (90 loc) · 3.29 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
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
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html ng-app>
<head lang="en">
<meta charset="utf-,8">
<title>Tracker.JS</title>
<script type="text/javascript" src="lib/angular.min.js"></script>
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="lib/socket.io.min.js">
</script>
<style type="text/css">
body { font-family: Helvetica, Verdana, Arial, sans-serif; text-align: justify;
margin-right: 12%;
margin-left: 12%; }
h1 { font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: -12%; }
h2 { font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: -9%; }
h3 { font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: -6%; }
h4 { font-family: Helvetica, Verdana, Arial, sans-serif; margin-left: -3%; }
dt { font-family: Helvetica, Verdana, Arial, sans-serif; background: #EEEEEE; padding: 0.5em; }
pre { font-family: Helvetica, Verdana, Arial, sans-serif; background: #beff9c; padding: 1.0em; }
p.note { font-family: Helvetica, Verdana, Arial, sans-serif; background: #ffc365; padding: 1.0em; }
</style>
</head>
<body>
<pre style="font-size:3em; font-weight:bold; padding: 0.25em">
(^_^) Tracker.JS
</pre>
<div class="container" ng-controller="TrackerController">
<h1>Head</h1>
<table border="0" cellpadding="10">
<tr>
<th style="text-align:center">Position</th>
<th style="text-align:center">Orientation</th>
</tr>
<tr>
<td>{{head.position[0] | number:2}},
{{head.position[1] | number:2}},
{{head.position[2] | number:2}}</td>
<td>{{head.rotation[0] | number:1}},
{{head.rotation[1] | number:1}},
{{head.rotation[2] | number:1}}</td>
</tr>
</table>
<h1>Wand</h1>
<table border="0" cellpadding="10">
<tr>
<th style="text-align:center">Position</th>
<th style="text-align:center">Orientation</th>
</tr>
<tr>
<td>{{wand.position[0] | number:2}},
{{wand.position[1] | number:2}},
{{wand.position[2] | number:2}}</td>
<td>{{wand.rotation[0] | number:1}},
{{wand.rotation[1] | number:1}},
{{wand.rotation[2] | number:1}}</td>
</tr>
</table>
<h1>Pointer</h1>
<!-- <div ng-init="friends = [
{name:'John', age:25, gender:'boy'},
{name:'Jessie', age:30, gender:'girl'},
{name:'Johanna', age:28, gender:'girl'},
{name:'Joy', age:15, gender:'girl'},
{name:'Mary', age:28, gender:'girl'},
{name:'Peter', age:95, gender:'boy'},
{name:'Sebastian', age:50, gender:'boy'},
{name:'Erika', age:27, gender:'girl'},
{name:'Patrick', age:40, gender:'boy'},
{name:'Samantha', age:60, gender:'girl'}
]">
I have {{friends.length}} friends. They are:
<ul >
<li ng-repeat="friend in friends">
[{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.
</li>
</ul>
</div>
-->
<div>
There are {{numptrs}} pointers. They are:
<div ng-repeat="pointer in ptrs">
<p><b> {{pointer.id}}: {{pointer.label}} </b> - color: {{pointer.color}}</p>
<p> IP : {{pointer.ip}} </p>
<p> Position : {{pointer.position[0] | number:2}} , {{pointer.position[1] | number:2}} </p>
<p> Zoom : {{pointer.zoom }} </p>
<p> Buttons : {{pointer.mouse[0]}} , {{pointer.mouse[1]}}, {{pointer.mouse[2]}} </p>
</div>
</div>
</body>
</html>