Animation avec create.js sans mettre à jour toute la toile

Question

J'espère que quelqu'un pourra m'aider. J'utilise ZigFu et Kinect avec html5 et tout fonctionne bien, mais ensuite je voulais placer des images gif sur la toile et j'ai découvert qu'elles ne marchaient pas. Donc, pour contourner cela, j'ai créé une feuille de sprite de mon gif et l'ai placé sur la toile. Mon problème est que lors de la mise à jour de l'animation bmp en utilisant easeljs, il met à jour l'ensemble de la toile et efface les arrière-plans d'origine que je voulais conserver.

Quelqu'un peut-il offrir une alternative pour que cela se produise? Puis-je animer les images sans devoir mettre à jour tout l'écran?

Un grand merci pour vos réponses, j'ai été à ce moment et essayé beaucoup de choses différentes, mais je ne peux pas m'en passer la tête.

Answer 1

Vous devez tout dessiner à chaque fois. Donc, à chaque boucle d'animation, vous devrez dessiner l'arrière-plan. Ce n'est peut-être pas idéal, je sais, mais ça ne nuit pas aux performances. Par exemple:

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

Toutes mes excuses si je l'ai mal compris la façon dont fonctionne CreateJS (je n'ai jamais utilisé, mais je suis assez familier avec la toile) Espérons que cela aide et bonne chance!

Answer 2

Vous pouvez également utiliser plusieurs toiles/étages, avec des éléments BG derrière, et mettre à jour des éléments à l'avant.