¿Cuáles son las ventajas/desventajas de Canvas vs. DOM en el desarrollo de juegos de JavaScript?

Question

¿Cuáles son las ventajas y desventajas de crear juegos en DOM "puro" en comparación con el uso de lienzo?

Answer 1

Con lienzo puede realizar operaciones como la rotación que no se puede hacer con domo puro sin utilizar algunos trucos "pesados". De todos modos, el dominio es más rápido y puedes usarlo en todos los navegadores sin problemas. Debes pensar en qué vas a usar en el juego, si usarás solo operaciones básicas usa el dom o elige el lienzo.

Answer 2

Mira aquí: Why Canvas is not an obvious choice for web games.

Answer 3

Cuando desarrolle con Canvas tendrá que utilizar la técnica GameLoop que es muy dolorosa porque tendrá que volver a dibujar todos los elementos todo el tiempo.

Cuando desarrolle con DOM podrá volver a dibujar solo los objetos que se han modificado y permitirá que el trabajo duro para la implementación del navegador.

si su juego tiene algunas modificaciones por cuadro, entonces puede usar el DOM; de lo contrario, utilice el lienzo por favor. ¡Es mucho más rápido!

Answer 4

lona pros:

1. podían manipular píxeles y aplicar el efecto de filtro, tan fácil para el procesamiento de imágenes;
2. muy eficiente para el pequeño tamaño pero cientos de elementos en el juego
3. muchas bibliotecas de juego se puede conocer el uso de tela, como box2dweb, y podrían hacer que los juegos impresionantes como pájaro enojado

contras:

1. es apátrida, por lo que debe registrar los estados de los elementos en el lienzo y manejar la prueba de golpe usted mismo.
2. baja eficiencia para tamaño muy grande pero con uno algunos elementos en el juego
3. gran capacidad, gran responsabilidad. la libertad de dibujar, trae en usted tiene que cargar de todo el personal de dibujo. Afortunadamente, hay muchas bibliotecas allí, como cocos2d-html5, IvanK.

DOM pros:

1. renderizado por el navegador, por lo menos propenso a errores;

contras:

1. podía hacer animación simple, con sólo CSS, que hace que el juego no es fluido;
2. no es bueno para manipular cientos de elementos DOM;