спасибо, помогло, правда пишут что putImageData слишком ресурсоемкий и по возм. его не использовать. Есть еще варианты?
и еще вопросы. есть объект Цветок:
var wind;
var pos=0;
var flower= {
init: function(x,y,sprite){
function animateFlower(){
c.putImageData(cache_canvas,x,y);
var imgFlower=new Image();
imgFlower.src=sprite.spriteimg;
c.drawImage(imgFlower,(sprite.flower[0]+pos)*16,sprite.flower[1]*16,16,16,x,y,16,16)
pos<3 ? pos++ : pos=0;
x+=16;
}
var cache_canvas=c.getImageData(x,y,16,16)
animateFlower();
wind=setInterval(animateFlower,500)
},
clear: function(){
clearInterval(wind);
}
}
где х, у - координаты места на холсте, sprite - ссылка на спрайт-объект
Инициализируем flower.init(100, 100,sprite);
во время анимации его координата х меняется.
1. Как мне ее получить чтобы потом обрабатывать столкновения? добавляю в объект flover:
posX: function(){
return x
}
но alert(flower.posX) печатает мне function(){return x}
2. допустим я захочу на игровое поле добавить еще цветок: flower.init(150, 150,sprite);
как мне теперь обратиться к нужному? например я захочу переместить 1й или 2й или скажем остановить анимацию какого-то из них
