-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.jade
55 lines (41 loc) · 1.27 KB
/
index.jade
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
extends layout
block content
h1= title
div
Use the buttons and your iPhone's device orientation to control the drone.
br
The nodeserver should have that currently hardcoded ip: #{ip}
div(class='control-box')
button(id='liftoff') Lift off
button(id='land') Land
div(class='control-box')
button(id='up') Up
button(id='down') Down
script(src='/javascripts/engine.io.js')
script
function registerButtonClick(id, cmd, arg1) {
var button = document.getElementById(id);
if (arg1) {
cmd = cmd + '|' + arg1;
}
button.addEventListener('click', function(e) {
socket.send(cmd);
});
}
var cmd;
function registerDeviceOrientation() {
window.addEventListener('deviceorientation', function(e){
cmd = JSON.stringify({type: 'orientation', alpha: e.alpha, beta: e.beta, gamma: e.gamma});
});
}
var socket = new eio.Socket('ws://#{ip}/');
socket.on('open', function() {
registerButtonClick('liftoff', 'takeoff');
registerButtonClick('land', 'land');
registerButtonClick('up', 'up', 0.5);
registerButtonClick('down', 'down', 0.5);
registerDeviceOrientation();
setInterval(function() {
socket.send(cmd)
}, 100);
});