несколько анимаций, таких как вспышка

Question

Приведенный ниже код (я просто дал фрагмент рабочего кода) анимирует несколько изображений, основанных на времени. Что-то вроде анимации Flash, где в определенные моменты изображения начинают двигаться в определенное время или отсчет кадров. Мой вопрос: есть ли лучший способ сделать это? Я знаю, что могу использовать что-то другое, кроме setInterval. Я вычисляю прошедшее время и устанавливаю изображения на основе временного интервала.

Это проблема ClassLoadImages.prototype.m_draw.

function doGameLoop() { 

    ctx.clearRect(0,0,600,400); 
    now = new Date(); 

    totalSeconds = (now - start)/1000; 
    last = now; 

    ctx.fillText("totalSeconds=" +totalSeconds ,10,100); 
    if (totalSeconds>2 && totalSeconds<6) 
    { 
     img2.m_draw(130); 
    } 
    if (totalSeconds>4 && totalSeconds<8) 
    { 
     img3.m_draw2(230); 
    } 

    if (totalSeconds>10){ 
     start = new Date();//start again 

    } 
    img.m_draw(30); 
    // fi++; 
} 



var img= new ClassLoadImages(30,30); 
var img2= new ClassLoadImages(30,30); 
var img3= new ClassLoadImages(30,30); 
</script> 

Answer 1

Если вы хотите что-то вроде флеш-мувиклипов, посмотрите SpriteClip на github. https://github.com/wolthers/SpriteClip.js