Анимация с помощью create.js без обновления всего холста

Question

Надеюсь, кто-то может мне помочь. Я использую ZigFu и Kinect с html5, и все работает нормально, но затем я хотел разместить gif-изображения на холсте и выяснил, что они не работают. Поэтому, чтобы обойти это, я создал лист спрайта моего gif и поместил его на холст.

Моя проблема заключается в том, что при обновлении анимации bmp с помощью easeljs она обновляет весь холст и очищает исходные фоны, которые я хотел сохранить.

Может ли кто-нибудь предложить альтернативный способ сделать это возможным? Могу ли я анимировать изображения без обновления всего экрана?

Большое спасибо за ваши ответы, я был в это время и пробовал много разных вещей, но просто не могу обернуть вокруг себя голову.

Answer 1

Вам в основном приходится рисовать все каждый раз. Поэтому в каждом цикле анимации вам также придется рисовать фон. Это может быть не идеально, я знаю, но это действительно не повредит работе. Например:

function eachLoop(){ 
    //draw background 
    //animate images 
} 

Извинения, если я неправильно понял то, как createJS работает (я никогда не использовал его, но я хорошо знаком с холстом) Надеюсь, что это помогает и удачи!

Answer 2

Вы также можете использовать несколько холстов/сцен, с элементами BG позади и обновлением элементов спереди.