Ищу функцию для canvas, которая будет перемещать мой объект на позицию х,у
Доброго времени суток.
Знаю что в 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); }; До самого к сожалению не доходит как это реализировать, поэтому надеюсь на то, что может кому такая функция попадалась, может у кого она есть, а может кто знает как ее сделать. Заранее очень благодарен за Ваши ответы. |
Часовой пояс GMT +3, время: 04:18. |