sensor ultrasonico

function setup() {
  createCanvas(windowWidth, windowHeight);
  textAlign(CENTER, CENTER);
  
  // Botón conectar
  connectBtn = createButton('🔗 Conectar Bluetooth');
  connectBtn.position(width/2 - 100, 80);
  connectBtn.size(200, 50);
  connectBtn.mousePressed(toggleBluetooth);
  connectBtn.style('font-size', '18px');
  connectBtn.style('border-radius', '10px');
  connectBtn.style('background-color', '#4CAF50');
  connectBtn.style('color', 'white');
  connectBtn.style('border', 'none');
  connectBtn.style('cursor', 'pointer');
  
  // Estado
  statusLabel = createDiv('Estado: Desconectado');
  statusLabel.position(width/2 - 150, 150);
  statusLabel.style('font-size', '20px');
  statusLabel.style('color', '#333');
  statusLabel.style('text-align', 'center');
  statusLabel.style('width', '300px');
  
  // Labels de distancias
  for (let i = 0; i < 4; i++) {
    let label = createDiv(`Sensor ${i+1}: -- cm`);
    label.position(width/2 - 150, 220 + i * 80);
    label.style('font-size', '24px');
    label.style('font-weight', 'bold');
    label.style('color', '#2196F3');
    label.style('background-color', '#E3F2FD');
    label.style('padding', '15px');
    label.style('border-radius', '8px');
    label.style('width', '300px');
    label.style('text-align', 'center');
    label.style('box-shadow', '0 2px 4px rgba(0,0,0,0.1)');
    distanceLabels.push(label);
  }
}

function draw() {
  background(240);
  
  // Título
  fill(33, 150, 243);
  textSize(28);
  textStyle(BOLD);
  text('📡 Monitor de Sensores Ultrasónicos', width/2, 30);
  
  // Indicador de conexión
  if (connected) {
    fill(76, 175, 80);
    noStroke();
    ellipse(width/2 - 180, 160, 15, 15);
  }
}

async function toggleBluetooth() {
  if (connected) {
    disconnect();
  } else {
    await connectBluetooth();
  }
}

async function connectBluetooth() {
  try {
    console.log('Buscando dispositivos Bluetooth...');
    statusLabel.html('Estado: Buscando dispositivos...');
    
    // Solicitar dispositivo Bluetooth
    // IMPORTANTE: HC-05/HC-06 usa el servicio UART estándar
    device = await navigator.bluetooth.requestDevice({
      filters: [
        { services: ['0000ffe0-0000-1000-8000-00805f9b34fb'] } // Servicio UART HC-05/HC-06
      ],
      optionalServices: ['0000ffe0-0000-1000-8000-00805f9b34fb']
    });
    
    console.log('Dispositivo encontrado:', device.name);
    statusLabel.html(`Estado: Conectando a ${device.name}...`);
    
    // Conectar al servidor GATT
    const server = await device.gatt.connect();
    console.log('Conectado al servidor GATT');
    
    // Obtener servicio
    const service = await server.getPrimaryService('0000ffe0-0000-1000-8000-00805f9b34fb');
    
    // Obtener característica (UUID del HC-05/HC-06)
    characteristic = await service.getCharacteristic('0000ffe1-0000-1000-8000-00805f9b34fb');
    
    // Suscribirse a notificaciones
    await characteristic.startNotifications();
    characteristic.addEventListener('characteristicvaluechanged', handleData);
    
    connected = true;
    connectBtn.html('🔌 Desconectar');
    connectBtn.style('background-color', '#f44336');
    statusLabel.html(`Estado: Conectado a ${device.name}`);
    
    console.log('Listo para recibir datos');
    
  } catch (error) {
    console.error('Error de conexión:', error);
    statusLabel.html(`Estado: Error - ${error.message}`);
    
    // Mensaje de ayuda si no hay Web Bluetooth
    if (!navigator.bluetooth) {
      statusLabel.html('Estado: ⚠️ Tu navegador no soporta Web Bluetooth. Usa Chrome/Edge en Android.');
    }
  }
}

function handleData(event) {
  // Leer datos del buffer
  const value = event.target.value;
  const decoder = new TextDecoder('utf-8');
  const text = decoder.decode(value);
  
  // Agregar al buffer
  buffer += text;
  
  // Buscar líneas completas (terminadas en \n)
  let lines = buffer.split('\n');
  
  // Procesar todas las líneas completas
  for (let i = 0; i < lines.length - 1; i++) {
    processLine(lines[i].trim());
  }
  
  // Guardar la línea incompleta en el buffer
  buffer = lines[lines.length - 1];
}

function processLine(line) {
  if (line === '') return;
  
  console.log('Línea recibida:', line);
  
  // Parsear CSV: "d1,d2,d3,d4"
  let values = line.split(',');
  
  if (values.length >= 4) {
    for (let i = 0; i < 4; i++) {
      let dist = parseInt(values[i]);
      if (!isNaN(dist)) {
        distances[i] = dist;
        
        // Actualizar label con color según distancia
        let color = getColorForDistance(dist);
        distanceLabels[i].html(`Sensor ${i+1}: ${dist} cm`);
        distanceLabels[i].style('background-color', color);
      }
    }
  }
}

function getColorForDistance(dist) {
  // Verde: > 100 cm (lejos)
  // Amarillo: 50-100 cm (medio)
  // Rojo: < 50 cm (cerca)
  if (dist > 100) return '#C8E6C9'; // Verde claro
  if (dist > 50) return '#FFF9C4';  // Amarillo claro
  return '#FFCDD2';                  // Rojo claro
}

function disconnect() {
  if (device && device.gatt.connected) {
    device.gatt.disconnect();
  }
  
  connected = false;
  connectBtn.html('🔗 Conectar Bluetooth');
  connectBtn.style('background-color', '#4CAF50');
  statusLabel.html('Estado: Desconectado');
  
  for (let i = 0; i < 4; i++) {
    distanceLabels[i].html(`Sensor ${i+1}: -- cm`);
    distanceLabels[i].style('background-color', '#E3F2FD');
  }
  
  buffer = '';
  console.log('Desconectado');
}

function windowResized() {
  resizeCanvas(windowWidth, windowHeight);
  
  // Reposicionar elementos
  connectBtn.position(width/2 - 100, 80);
  statusLabel.position(width/2 - 150, 150);
  
  for (let i = 0; i < 4; i++) {
    distanceLabels[i].position(width/2 - 150, 220 + i * 80);
  }
}