Необходимо определить изменение положения курсора за n промежуток времени и если пройдена n дистанция в промежутке заданных направлений, то выполнять какое-то действие.
В js'e только начинаю разбираться по этому сильно не ругать за код.
Теоретически вроде понял как сделать, а на практике не очень получается.
Насколько понял мне нужно определить текущее положение курсора и новое через заданный промежуток времени, найти вектор его длину и угол, и проверить на соответствие.
Upd: вот вроде все получилось, правильно считает, но не пойму почему отрицательные градусы получаются.
var lastX = 0;
var lastY = 0;
var angle = 0,
distance = 0,
deg = 0;
var lastTime = new Date();
$(document).mousemove(function(event) {
var now = new Date();
if ((now - lastTime) >= 100) {
var mx = event.clientX;
var my = event.clientY;
var vx = mx - lastX;
var vy = my - lastY;
angle = Math.atan2(vy, vx);
distance = Math.sqrt(vx * vx + vy * vy);
deg = (angle * 180) / Math.PI;
var disF = distance.toFixed();
var degF = deg.toFixed();
lastX = mx;
lastY = my;
lastTime = now;
$(".output").text(disF + ", " + degF);
}
});
.output {
display: inline-block;
width: 80px;
height: 30px;
font-size: 16px;
background-color: gray;
text-align: center;
line-height: 30px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="output"></span>