NavData на попугая 2.0 Ardrone, как добавить задержку и построить график в реальном времени?

Question

Я хочу спросить кое-что Я хочу дать задержку чтения NavData на попугай AR Drone 2.0. Можете ли вы привести пример, как добавить интервал для чтения моих Navdata? и что мне нужно сделать, если я хочу построить график в реальном времени, может ли кто-нибудь дать ссылку на учебник?

var arDrone = require('ar-drone'); 

var client = new arDrone.createClient();
client.on('navdata', function(d){

if(d.demo){
    console.log('Roll:' + d.demo.rotation.roll);
}
});

или этот код?

    var arDrone = require('ar-drone');
var droneClient = arDrone.createClient();
droneClient.config('general:navdata_demo', 'TRUE');

droneClient.on('navdata', function(navdata) {
try {
    console.log('test:' + navdata.demo.batteryPercentage);
}
catch(err) {
    console.log(err.message);
}
});

Answer 1

Вы не можете реально изменить скорость, с которой поступают данные. Вы можете просто игнорировать данные, если вы не хотите их обрабатывать. Код ниже обрабатывает navdata только один раз в секунду:

var lastNavDataMs = 0;

client.on('navdata', function(d) {
  var nowMs = new Date().getTime();
  if (nowMs - lastNavDataMs > 1000) {
    lastNavDataMs = nowMs;
    // Process navdata once per second.
    if (d.demo){
      console.log('pitch:' + d.demo.rotation.roll);
    }
  }
});

Для отображения графика значений датчика в реальном времени вы можете использовать библиотеку Smoothie Charts. Он специально предназначен для обработки диаграмм и графиков с обновлением в реальном времени. Их учебник делает это выглядит очень легко. Ниже я попытался адаптировать их учебник для отображения информации о навигационных данных из AR.Drone. Я не проверял это, но это может быть хорошей отправной точкой.

Сначала включите в ваш HTML-код скрипт Smoothie и создайте элемент canvas для хранения графиков:

<script type="text/javascript" src="smoothie.js"></script>
<canvas id="mycanvas" width="400" height="100"></canvas>

Код:

var arDrone = require('ar-drone'); 
var smoothie = new SmoothieChart();
smoothie.streamTo(document.getElementById("mycanvas"));

// Lines on the chart.
var rollLine = new TimeSeries();
var altitudeLine = new TimeSeries();

var client = new arDrone.createClient();
client.on('navdata', function(d) {
  if (d.demo) {
    // Add new measurements for roll and altitude.
    var time = new Date().getTime();
    rollLine.append(time, d.demo.rotation.roll);
    altitudeLine.append(time, d.demo.altitudeMeters);
  }
});

// Add the lines to our chart.
smoothie.addTimeSeries(rollLine);
smoothie.addTimeSeries(altitudeLine);