// Plataformas nivel 1 (con altura y grosor)
platforms.forEach(p => {
  ctx.save();
  ctx.beginPath();
  
  // Posición en el borde del círculo, pero con altura y grosor
  const startX = cx + Math.cos(p.angle) * radius;  // Posición inicial en el borde del círculo
  const startY = cy + Math.sin(p.angle) * radius;  // Posición inicial en el borde del círculo
  
  const platformHeight = 80;  // Altura de la plataforma (cuánto caerá)
  const platformWidth = 30;   // Ancho de la plataforma
  
  // Nuevo radio para acercar la plataforma más al centro (menos distancia del centro)
  const newRadius = radius - 60;  // Reduce la distancia hacia el centro
  
  // Dibujar la plataforma como un rectángulo (línea hacia abajo con grosor)
  ctx.moveTo(startX, startY); // Posición inicial en el borde del círculo
  
  // Cambiar la posición de la plataforma hacia el centro (nueva distancia)
  const endX = cx + Math.cos(p.angle) * (newRadius + platformHeight);  // Nueva posición más cerca del centro
  const endY = cy + Math.sin(p.angle) * (newRadius + platformHeight);  // Nueva posición más cerca del centro
  
  // Crear la "torre" (plataforma) con un grosor en la parte superior
  ctx.lineWidth = platformWidth; // Grosor de la plataforma
  ctx.lineTo(endX, endY); // Dibuja la línea hacia abajo
  
  ctx.strokeStyle = 'brown'; // Color de la plataforma
  ctx.stroke(); // Aplica el dibujo
  ctx.restore();
});