[slava1992]

Добрый день. Искал в интернете решение, но либо куда-то не туда смотрел, либо нет информации( Ткните носом, если где-то есть. Или помогите.

Задача у меня такая. Есть канвас. Есть объект, который перемещается после нажатия кнопки мыши по координатам. Но перемещается мгновенно. Как задать скорость перемещения? Чтобы объект передвигался к координатам постепенно?

Куски кода:

...
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;	
}

...