Сглаживание указателя / анимации датчика для быстрых изменений с использованием функции манипулирования данными - PullRequest
0 голосов
/ 16 марта 2020

У меня есть значения оси X, которые я хочу отобразить в виде плоттер / игла / датчик Эти значения изменяются очень быстро, и, следовательно, нет возможности прочитать и выяснить, какие значения они представляют при сопоставлении с линейкой.

Какой математической функции я могу подчинить эти числа, чтобы вариации в положении черчения выглядели как плавные анимации ?

Мои мысли -

  • Я знаю, я не могу просто поставить задержку, поскольку она не будет иметь никакого эффекта
  • Если я выберу вишню / отфильтрую 1 из 5 баллов , это приведет к ошибкам
  • Если я усредню определенный набор точек, это приведет к ошибкам

Вот визуальное и проблема в формате кода http://jsfiddle.net/rckahale/8atrz3pu/24/

Функция для имитации проблемы. 40 мс - произвольное значение, основанное на цикле рендеринга (не в моем управлении в android).

var stopI = setInterval(function(){
  arCount += 1
 handleMouseMove(percentPoints[arCount])
  if (arCount == percentPoints.length) 
    clearInterval(stopI)
}, 40)

Подойдет исправление в виде функции JS. Я должен использовать его в android.

Rapid plotter movements

...