使用p5.js将Leap Motion中的跟踪数据保存到.csv

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>

let leapData = []; // 用于保存Leap Motion跟踪数据的数组

function setup() {
  createCanvas(400, 400);
  // 初始化Leap Motion控制器
  let controller = new Leap.Controller();
  controller.connect();

  // 监听Leap Motion的frame事件
  controller.on('frame', function(frame) {
    // 获取手的数量
    let numHands = frame.hands.length;

    // 遍历每只手
    for (let i = 0; i < numHands; i++) {
      let hand = frame.hands[i];
      // 获取手的位置和姿态等信息
      let handData = {
        'Hand ID': hand.id,
        'Palm Position': hand.palmPosition,
        'Palm Normal': hand.palmNormal,
        'Palm Velocity': hand.palmVelocity,
        // 其他你需要保存的手部数据
      };
      leapData.push(handData); // 将手部数据保存到数组中
    }
  });
}

function draw() {
  // 绘制你的p5.js图形
}

function keyPressed() {
  if (key === 's') {
    saveData(); // 按下's'键保存数据
  }
}

function saveData() {
  let csvContent = 'data:text/csv;charset=utf-8,';
  leapData.forEach(function(row) {
    let rowData = Object.values(row).join(',');
    csvContent += rowData + '\r\n';
  });

  let encodedUri = encodeURI(csvContent);
  let link = document.createElement('a');
  link.setAttribute('href', encodedUri);
  link.setAttribute('download', 'leap_motion_data.csv');
  document.body.appendChild(link);
  link.click();
}