function init() {
var ros = new ROSLIB.Ros();
- ros.connect('ws://wildthumper:9090');
+ connect();
var isDragging = false;
+ function connect() {
+ ros.connect('ws://'+robothostname+':9090');
+ }
+
ros.on('connection', function() {
information.alerts.push({message: "Connected to websocket server.", success: true});
});
ros.on('close', function() {
information.alerts.push({message: "Connection to websocket server closed.", info: true});
+ setTimeout(function() {
+ connect();
+ }, 2000);
});
//tfClient.subscribe('base_link', function(tf) {
Y = e.pageY;
}
// relative click position
- var Xrel = X - this.offsetLeft - $(this).width()/2;
- var Yrel = Y - this.offsetTop - $(this).height()/2;
+ var Xrel = X - this.getBoundingClientRect().left - $(this).width()/2;
+ var Yrel = Y - this.getBoundingClientRect().top - $(this).height()/2;
// scale to -1..+1
var trans = -Yrel / ($(this).height()/2);
var rot = -Xrel / ($(this).width()/2);
- setSpeed(trans, rot*3);
+ setSpeed(trans*$("#scale_trans").val(), rot*$("#scale_rot").val());
}
});
}
})
+ $(".imagelink").on('click',function(){
+ // reload
+ $("img").attr("src", $("img").attr("src"))
+ });
+
+ $("input[type='number']").spinner();
+ $("#usb_cam").attr("src", "http://"+robothostname+":8080/stream?topic=/camera/color/image_raw");
}
Vue.component('input-value', {