331 lines
13 KiB
JavaScript
331 lines
13 KiB
JavaScript
function tab_initialize_sensors() {
|
|
ga_tracker.sendAppView('Sensor Page');
|
|
GUI.active_tab = 'sensors';
|
|
|
|
$('#content').load("./tabs/sensors.html", function load_html() {
|
|
// Always start with default/empty sensor data array, clean slate all
|
|
for (var i = 0; i < 3; i++) SENSOR_DATA.accelerometer[i] = 0;
|
|
for (var i = 0; i < 3; i++) SENSOR_DATA.gyroscope[i] = 0;
|
|
for (var i = 0; i < 3; i++) SENSOR_DATA.magnetometer[i] = 0;
|
|
for (var i = 0; i < 4; i++) SENSOR_DATA.debug[i] = 0;
|
|
|
|
// Setup variables
|
|
var samples_gyro_i = 300;
|
|
var samples_accel_i = 300;
|
|
var samples_mag_i = 300;
|
|
var samples_baro_i = 300;
|
|
var samples_debug_i = 300;
|
|
|
|
var gyro_data = new Array(3);
|
|
var accel_data = new Array(3);
|
|
var mag_data = new Array(3);
|
|
var baro_data = new Array(1);
|
|
var debug_data = new Array(4);
|
|
|
|
gyro_data[0] = new Array();
|
|
gyro_data[1] = new Array();
|
|
gyro_data[2] = new Array();
|
|
|
|
accel_data[0] = new Array();
|
|
accel_data[1] = new Array();
|
|
accel_data[2] = new Array();
|
|
|
|
mag_data[0] = new Array();
|
|
mag_data[1] = new Array();
|
|
mag_data[2] = new Array();
|
|
|
|
baro_data[0] = new Array();
|
|
for (var i = 0; i < 4; i++) debug_data[i] = new Array();
|
|
|
|
for (var i = 0; i <= 300; i++) {
|
|
gyro_data[0].push([i, 0]);
|
|
gyro_data[1].push([i, 0]);
|
|
gyro_data[2].push([i, 0]);
|
|
|
|
accel_data[0].push([i, 0]);
|
|
accel_data[1].push([i, 0]);
|
|
accel_data[2].push([i, 0]);
|
|
|
|
mag_data[0].push([i, 0]);
|
|
mag_data[1].push([i, 0]);
|
|
mag_data[2].push([i, 0]);
|
|
|
|
baro_data[0].push([i, 0]);
|
|
for (var j = 0; j < 4; j++) debug_data[j].push([i, 0]);
|
|
}
|
|
|
|
// plot specific stuff
|
|
var e_graph_gyro = document.getElementById("gyro");
|
|
var e_graph_accel = document.getElementById("accel");
|
|
var e_graph_mag = document.getElementById("mag");
|
|
var e_graph_baro = document.getElementById("baro");
|
|
var e_graph_debug1 = document.getElementById("debug1");
|
|
var e_graph_debug2 = document.getElementById("debug2");
|
|
var e_graph_debug3 = document.getElementById("debug3");
|
|
var e_graph_debug4 = document.getElementById("debug4");
|
|
|
|
var gyro_options = {
|
|
title: "Gyroscope (deg/s)",
|
|
shadowSize: 0,
|
|
yaxis : {
|
|
tickDecimals: 1,
|
|
max : 2000,
|
|
min: -2000
|
|
},
|
|
xaxis : {
|
|
//noTicks = 0
|
|
},
|
|
grid : {
|
|
backgroundColor: "#FFFFFF"
|
|
},
|
|
legend : {
|
|
position: "we",
|
|
backgroundOpacity: 0
|
|
}
|
|
};
|
|
|
|
var accel_options = {
|
|
title: "Accelerometer (g)",
|
|
shadowSize: 0,
|
|
yaxis : {
|
|
tickDecimals: 1,
|
|
max : 2,
|
|
min : -2
|
|
},
|
|
xaxis : {
|
|
//noTicks = 0
|
|
},
|
|
grid : {
|
|
backgroundColor : "#FFFFFF"
|
|
},
|
|
legend : {
|
|
position: "we",
|
|
backgroundOpacity: 0
|
|
}
|
|
};
|
|
|
|
var mag_options = {
|
|
title: "Magnetometer (Ga)",
|
|
shadowSize: 0,
|
|
yaxis : {
|
|
tickDecimals: 0
|
|
},
|
|
xaxis : {
|
|
//noTicks = 0
|
|
},
|
|
grid : {
|
|
backgroundColor : "#FFFFFF"
|
|
},
|
|
legend : {
|
|
position: "we",
|
|
backgroundOpacity: 0
|
|
}
|
|
};
|
|
|
|
var baro_options = {
|
|
title: "Barometer (meters)",
|
|
shadowSize: 0,
|
|
yaxis : {
|
|
tickDecimals: 1,
|
|
},
|
|
xaxis : {
|
|
//noTicks = 0
|
|
},
|
|
grid : {
|
|
backgroundColor : "#FFFFFF"
|
|
},
|
|
legend : {
|
|
position: "we",
|
|
backgroundOpacity: 0
|
|
}
|
|
};
|
|
|
|
var debug1_options = {
|
|
title: "Debug1",
|
|
shadowSize: 0,
|
|
yaxis : {
|
|
tickDecimals: 1,
|
|
},
|
|
xaxis : {
|
|
//noTicks = 0
|
|
},
|
|
grid : {
|
|
backgroundColor : "#FFFFFF"
|
|
},
|
|
legend : {
|
|
position: "we",
|
|
backgroundOpacity: 0
|
|
}
|
|
};
|
|
|
|
var debug2_options = {};
|
|
for (var key in debug1_options) debug2_options[key] = debug1_options[key];
|
|
debug2_options.title = "Debug2";
|
|
|
|
var debug3_options = {};
|
|
for (var key in debug1_options) debug3_options[key] = debug1_options[key];
|
|
debug3_options.title = "Debug3";
|
|
|
|
var debug4_options = {};
|
|
for (var key in debug1_options) debug4_options[key] = debug1_options[key];
|
|
debug4_options.title = "Debug4";
|
|
|
|
// set refresh speeds according to configuration saved in storage
|
|
chrome.storage.local.get('sensor_refresh_rates', function(result) {
|
|
if (typeof result.sensor_refresh_rates != 'undefined') {
|
|
$('.tab-sensors select').eq(0).val(result.sensor_refresh_rates.gyro); // gyro
|
|
$('.tab-sensors select').eq(1).val(result.sensor_refresh_rates.accel); // accel
|
|
$('.tab-sensors select').eq(2).val(result.sensor_refresh_rates.mag); // mag
|
|
$('.tab-sensors select').eq(3).val(result.sensor_refresh_rates.baro); // baro
|
|
$('.tab-sensors select').eq(4).val(result.sensor_refresh_rates.debug); // debug
|
|
|
|
$('.tab-sensors select').change(); // start polling data by triggering refresh rate change event
|
|
} else {
|
|
// start polling immediatly (as there is no configuration saved in the storage)
|
|
$('.tab-sensors select').change(); // start polling data by triggering refresh rate change event
|
|
}
|
|
});
|
|
|
|
$('.tab-sensors select').change(function() {
|
|
// if any of the select fields change value, all of the select values are grabbed
|
|
// and timers are re-initialized with the new settings
|
|
|
|
var rates = {
|
|
'gyro': parseInt($('.tab-sensors select').eq(0).val()),
|
|
'accel': parseInt($('.tab-sensors select').eq(1).val()),
|
|
'mag': parseInt($('.tab-sensors select').eq(2).val()),
|
|
'baro': parseInt($('.tab-sensors select').eq(3).val()),
|
|
'debug': parseInt($('.tab-sensors select').eq(4).val())
|
|
};
|
|
|
|
// handling of "data pulling" is a little bit funky here, as MSP_RAW_IMU contains values for gyro/accel/mag but not baro
|
|
// this means that setting a slower refresh rate on any of the attributes would have no effect
|
|
// what we will do instead is = determinate the fastest refresh rate for those 3 attributes, use that as a "polling rate"
|
|
// and use the "slower" refresh rates only for re-drawing the graphs (to save resources/computing power)
|
|
var fastest = rates.gyro;
|
|
|
|
if (rates.accel < fastest) {
|
|
fastest = rates.accel;
|
|
}
|
|
|
|
if (rates.mag < fastest) {
|
|
fastest = rates.mag;
|
|
}
|
|
|
|
// store current/latest refresh rates in the storage
|
|
chrome.storage.local.set({'sensor_refresh_rates': rates});
|
|
|
|
// timer initialization
|
|
GUI.interval_kill_all();
|
|
|
|
// data pulling timers
|
|
GUI.interval_add('status_pull', function status_data_pull() {
|
|
send_message(MSP_codes.MSP_STATUS, MSP_codes.MSP_STATUS);
|
|
}, 50);
|
|
|
|
GUI.interval_add('IMU_pull', function imu_data_pull() {
|
|
send_message(MSP_codes.MSP_RAW_IMU, MSP_codes.MSP_RAW_IMU, false, update_imu_graphs);
|
|
}, fastest);
|
|
|
|
GUI.interval_add('altitude_pull', function altitude_data_pull() {
|
|
send_message(MSP_codes.MSP_ALTITUDE, MSP_codes.MSP_ALTITUDE, false, update_altitude_graph);
|
|
}, rates.baro);
|
|
|
|
GUI.interval_add('debug_pull', function debug_data_pull() {
|
|
send_message(MSP_codes.MSP_DEBUG, MSP_codes.MSP_DEBUG, false, update_debug_graphs);
|
|
}, rates.debug);
|
|
|
|
function update_imu_graphs() {
|
|
gyro_data[0].push([samples_gyro_i, SENSOR_DATA.gyroscope[0]]);
|
|
gyro_data[1].push([samples_gyro_i, SENSOR_DATA.gyroscope[1]]);
|
|
gyro_data[2].push([samples_gyro_i, SENSOR_DATA.gyroscope[2]]);
|
|
|
|
// Remove old data from array
|
|
while (gyro_data[0].length > 300) {
|
|
gyro_data[0].shift();
|
|
gyro_data[1].shift();
|
|
gyro_data[2].shift();
|
|
}
|
|
|
|
Flotr.draw(e_graph_gyro, [
|
|
{data: gyro_data[0], label: "X - rate [" + SENSOR_DATA.gyroscope[0].toFixed(2) + "]"},
|
|
{data: gyro_data[1], label: "Y - rate [" + SENSOR_DATA.gyroscope[1].toFixed(2) + "]"},
|
|
{data: gyro_data[2], label: "Z - rate [" + SENSOR_DATA.gyroscope[2].toFixed(2) + "]"} ], gyro_options);
|
|
|
|
samples_gyro_i++;
|
|
|
|
accel_data[0].push([samples_accel_i, SENSOR_DATA.accelerometer[0]]);
|
|
accel_data[1].push([samples_accel_i, SENSOR_DATA.accelerometer[1]]);
|
|
accel_data[2].push([samples_accel_i, SENSOR_DATA.accelerometer[2]]);
|
|
|
|
// Remove old data from array
|
|
while (accel_data[0].length > 300) {
|
|
accel_data[0].shift();
|
|
accel_data[1].shift();
|
|
accel_data[2].shift();
|
|
}
|
|
|
|
Flotr.draw(e_graph_accel, [
|
|
{data: accel_data[1], label: "X - acceleration [" + SENSOR_DATA.accelerometer[0].toFixed(2) + "]"},
|
|
{data: accel_data[0], label: "Y - acceleration [" + SENSOR_DATA.accelerometer[1].toFixed(2) + "]"},
|
|
{data: accel_data[2], label: "Z - acceleration [" + SENSOR_DATA.accelerometer[2].toFixed(2) + "]"} ], accel_options);
|
|
|
|
samples_accel_i++;
|
|
|
|
mag_data[0].push([samples_mag_i, SENSOR_DATA.magnetometer[0]]);
|
|
mag_data[1].push([samples_mag_i, SENSOR_DATA.magnetometer[1]]);
|
|
mag_data[2].push([samples_mag_i, SENSOR_DATA.magnetometer[2]]);
|
|
|
|
// Remove old data from array
|
|
while (mag_data[0].length > 300) {
|
|
mag_data[0].shift();
|
|
mag_data[1].shift();
|
|
mag_data[2].shift();
|
|
}
|
|
|
|
Flotr.draw(e_graph_mag, [
|
|
{data: mag_data[1], label: "X - gauss [" + SENSOR_DATA.magnetometer[0].toFixed(2) + "]"},
|
|
{data: mag_data[0], label: "Y - gauss [" + SENSOR_DATA.magnetometer[1].toFixed(2) + "]"},
|
|
{data: mag_data[2], label: "Z - gauss [" + SENSOR_DATA.magnetometer[2].toFixed(2) + "]"} ], mag_options);
|
|
|
|
samples_mag_i++;
|
|
}
|
|
|
|
function update_altitude_graph() {
|
|
baro_data[0].push([samples_baro_i, SENSOR_DATA.altitude]);
|
|
|
|
// Remove old data from array
|
|
while (baro_data[0].length > 300) {
|
|
baro_data[0].shift();
|
|
}
|
|
|
|
Flotr.draw(e_graph_baro, [
|
|
{data: baro_data[0], label: "Meters [" + SENSOR_DATA.altitude.toFixed(2) + "]"} ], baro_options);
|
|
|
|
samples_baro_i++;
|
|
}
|
|
|
|
function update_debug_graphs() {
|
|
for (var i = 0; i < 4; i++) {
|
|
debug_data[i].push([samples_debug_i, SENSOR_DATA.debug[i]]);
|
|
|
|
// Remove old data from array
|
|
while (debug_data[i].length > 300) {
|
|
debug_data[i].shift();
|
|
}
|
|
}
|
|
|
|
Flotr.draw(e_graph_debug1, [
|
|
{data: debug_data[0], label: "debug1 [" + SENSOR_DATA.debug[0] + "]"} ], debug1_options);
|
|
Flotr.draw(e_graph_debug2, [
|
|
{data: debug_data[1], label: "debug2 [" + SENSOR_DATA.debug[1] + "]"} ], debug2_options);
|
|
Flotr.draw(e_graph_debug3, [
|
|
{data: debug_data[2], label: "debug3 [" + SENSOR_DATA.debug[2] + "]"} ], debug3_options);
|
|
Flotr.draw(e_graph_debug4, [
|
|
{data: debug_data[3], label: "debug4 [" + SENSOR_DATA.debug[3] + "]"} ], debug4_options);
|
|
|
|
samples_debug_i++;
|
|
}
|
|
});
|
|
});
|
|
} |