Arrastre con el puntero

El renderizador proyecta un rayo desde el puntero hacia los triángulos de la tela. Las coordenadas baricéntricas identifican la partícula simulada más cercana. Durante el arrastre, un objetivo posicional temporal atrae a un grupo configurable de partículas.

interaction: {
  enabled: true,
  touchAction: "pan-y",
  dragRadius: 1,
  dragStiffness: 0.9,
  maxDragDistance: 2.5,
  allowPinned: false,
  releaseImpulse: [0, 0, 0],
}

La captura del puntero mantiene activo el arrastre fuera del canvas. Al soltar se conserva el impulso del solver, porque la posición anterior de la partícula no se sustituye por una animación programada.

touchAction controla cómo se comparten los gestos táctiles con el navegador. Su valor predeterminado, "pan-y", permite desplazarse verticalmente por la página sobre el canvas, mientras que los gestos horizontales arrastran la tela. Usa "none" para arrastrar libremente en ambos ejes dentro de una vista de pantalla completa, "pan-x" para un diseño con desplazamiento horizontal o "auto" para dejar los gestos en manos del navegador. Esta opción no afecta al ratón ni al lápiz.

Las partículas fijas se ignoran salvo que habilites allowPinned. maxDragDistance protege la red de restricciones frente a tirones extremos accidentales. Consulta Sujeciones y puntos fijos para ver la sintaxis completa de bordes, esquinas, bordes parciales y puntos personalizados.