Показать сообщение отдельно
  #1 (permalink)  
Старый 14.05.2011, 18:23
Профессор
Отправить личное сообщение для Severtain Посмотреть профиль Найти все сообщения от Severtain
 
Регистрация: 25.04.2011
Сообщений: 280

Cоздание анимации на JS и Canvas
Не могу сделать анимацию.. вроде все правильно! Код полностью ниже:
подскажите почему не работает!?

<canvas id="area" width="500" height="300">
</canvas>
<script type="text/javascript">
window.onload = function main(){
var img = new Image();
var img2;
var i=0; var j=0;
var a= new Array ('TxtLv01-01.png','TxtLv01-02.png','TxtLv01-03.png');

function main2(){
img2 = document.getElementById("ci").getContext("2d");

for (j=0;j<=2;j++)
{setTimeout(function(){ if (i==2) i=0;img.src = a[i]; img2.drawImage(img, 150, 150, 300, 300);
i++;
},10);

if (j==2) j=0;
}
}

main2();
}


</script>
Ответить с цитированием