мышь p5 следует - PullRequest
Новая
       37

мышь p5 следует

0 голосов
/ 06 мая 2018

Я пытаюсь добиться определенного эффекта следования мыши в p5.js (холст), где я хочу, чтобы объект следовал за мышью так же, как здесь: https://alpha.editor.p5js.org/momentiris/sketches/BkhShLPpM,, но с "обратным "Стиль смягчения применяется к нему. Другими словами, я хочу, чтобы объект притягивался мышью, но передал координату, к которой он притягивается, скажем, 10%, а затем вернулся к координате, которую он на самом деле искал.

Если вы посмотрите на пример эскиза, который я добавил, это должно быть применено ко всем следам мыши внутри прямоугольника запуска, а не только к начальному перемещению запуска.

Это сделано в p5.js, но я уверен, что математика применима везде, поэтому запрашиваемая помощь не обязательно ограничена p5 / canvas.

Заранее спасибо.

1 Ответ

0 голосов
/ 21 октября 2018

Возможно, вы захотите использовать математику из Elastic EaseOut Пеннера 

float easeOut(float t, float b, float c, float d) {
  if (t==0) return b;  
  if ((t/=d)==1) return b+c;  
  float p=d*.3f;
  float a=c; 
  float s=p/4;
  return (a*(float)Math.pow(2, -10*t) * (float)Math.sin( (t*d-s)*(2*(float)Math.PI)/p ) + c + b);
}
...