Quels sont les avantages / inconvénients de Canvas par rapport à DOM dans le développement de jeux JavaScript?

Question

Quels sont les avantages et les inconvénients de la création de jeux dans un DOM «pur» par rapport à l'utilisation de canvas?

Answer 1

toile accessoires :

1. peut manipuler des pixels et d'appliquer des effets de filtre, donc facile pour le traitement de l'image;
2. très efficace pour la petite taille, mais des centaines d'éléments dans le jeu
3. de nombreuses bibliothèques pour jeu peut être trouvé à l'aide de la toile, comme box2dweb, et pourrait faire de super jeux comme angry bird

inconvénients:

1. il est apatride, de sorte que vous devez enregistrer les états des éléments de la toile, et de gérer le coup de tester par vous-même.
2. basse efficace pour de très grande taille, mais avec un peu d'éléments dans le jeu
3. grande capacité, une grande responsabilité. la liberté de dessiner, amène à vous demander de le dessin personnel. Heureusement, il existe de nombreuses bibliothèques, comme les cocos2d-html5, IvanK.

DOM accessoires:

1. rendu par le navigateur, donc moins de risques d'erreurs;

inconvénients:

1. pourrait faire une animation simple avec CSS, qui rend le jeu n'est pas fluide;
2. pas bon pour la manipulation des centaines d'éléments du DOM;

Answer 2

Lorsque vous développez avec Canvas, vous devrez utiliser la technique GameLoop qui est très douloureuse car vous devrez redessiner tous les éléments tout le temps.

Lorsque vous développez avec DOM, vous pourrez redessiner uniquement les objets qui ont été modifiés et laisser le travail difficile pour l'implémentation du navigateur.

si votre jeu a quelques modifications par image, vous pouvez utiliser le DOM, sinon utilisez le Canvas s'il vous plaît! C'est tellement plus rapide!

Answer 3

Avec canvas, vous pouvez effectuer des opérations telles que la rotation que vous ne pouvez pas faire avec un dôme pur sans utiliser des astuces "lourdes". Quoi qu'il en soit, le dom est plus rapide et vous pouvez l'utiliser sans problème dans tous les navigateurs. Vous devez penser à ce que vous allez utiliser dans le jeu, si vous n'utilisez que des opérations de base, utilisez le dom sinon choisissez le canevas.

Answer 4

Regardez ici: pourquoi Canvas n'est pas un choix évident pour les jeux Web .

Answer 5

Maintenant, canevas d'utilisation très très lente et élevée du processeur.