Доброго времени суток.
Знаю что в canvas'e есть функция moveTo(x,y) она позволяет рисовать линию, которая будет заканчиваться в заданных координатах.
Я ищу функцию которая будет премещать мой объект в заданые координаты, например:
// Массив, в котором будут все объекты
var shapes = new Array();
// Заполняем массив рандомными обьектами
for (var i = 0; i < 10; i++) {
var x = Math.random()*250;
var y = Math.random()*250;
var width = height = Math.random()*30;
shapes.push(new Shape(x, y, width, height));
};
function animate() {
// Очищаем холст
context.clearRect(0, 0, canvasWidth, canvasHeight);
// Проходим через каждый объект
var shapesLength = shapes.length;
for (var i = 0; i < shapesLength; i++) {
var tmpShape = shapes[i];
//А вот тут как раз идёт функция, которая должна переместить данный объект на позицию х,у
var x = tmpShape.x????;
var y = tmpShape.y????;
// Прорисовываем текущий объект
context.fillRect(x, y, tmpShape.width, tmpShape.height);
};
setTimeout(animate, 33);
};
До самого к сожалению не доходит как это реализировать, поэтому надеюсь на то, что может кому такая функция попадалась, может у кого она есть, а может кто знает как ее сделать.
Заранее очень благодарен за Ваши ответы.