Добрый день. Искал в интернете решение, но либо куда-то не туда смотрел, либо нет информации( Ткните носом, если где-то есть. Или помогите.
Задача у меня такая. Есть канвас. Есть объект, который перемещается после нажатия кнопки мыши по координатам. Но перемещается мгновенно. Как задать скорость перемещения? Чтобы объект передвигался к координатам постепенно?
Куски кода:
...
var mouseX;
var mouseY;
function init()
...
document.addEventListener("mousemove", mouseMove, false);
document.addEventListener("click", mouseClick, false);
}
function mouseMove(e)
{
mouseX = e.pageX;
mouseY = e.pageY;
document.getElementById("gameName").innerHTML = "X: "+mouseX+" Y: "+mouseY;
}
function mouseClick(e)
{
player.drawX = mouseX;
player.drawY = mouseY;
document.getElementById("gameName").innerHTML = "Clicked";
}
//--- object
function Player()
{
this.srcX = 0;
this.srcY = 0;
this.drawX = 0;
this.drawY = 0;
this.width = 400;
this.height = 200;
this.speed = 5;
}
...