javascript - precio - ¿Es mejor tener un lienzo grande o hasta 100 lienzos pequeños generados dinámicamente?

lienzo precio

Question

Estoy trabajando en un simulador de dados web móvil. El prototipo inicial está aquí: http://dicewalla.com

Actualmente tengo un lienzo grande donde dibujo todos los dados. Estoy planeando volver a escribir el código de manera que sea más MVC y más fácil de actualizar. Creo que sería más fácil para mí generar un pequeño lienzo para cada objeto dado que dibujar todos los dados en el gran lienzo y seguir actualizando ese gran lienzo.

Mi pregunta es si hay un mal rendimiento al hacer que el navegador cree muchos lienzos pequeños frente a uno grande. Es difícil probarlo localmente, esperaba que alguien aquí supiera cuál es la mejor práctica.

Answer 1

En términos de rendimiento, como se mencionó anteriormente, debería haber poca diferencia entre 1 y 100 elementos del lienzo si no actualiza los gráficos de forma regular. (es decir: gráficos estáticos / sin animación)

La mayoría de las referencias alrededor de la red con respecto a los lienzos múltiples tienden a tratarse con casos en los que tiene múltiples capas y necesita manejar el dibujo sobre otras cosas con transparencia.

Dicho esto, lo que estás haciendo con dicewalla no parece que gane nada por tener múltiples lienzos.

También puede volver a dibujar selectivamente las regiones de un lienzo individual para obtener un mejor rendimiento si la actualización de todo el lienzo es un cuello de botella. Esto le brinda los beneficios de rendimiento de tener múltiples lienzos sin tener que lidiar con la administración y la creación de esos elementos.

Answer 2

Los lienzos múltiples generalmente permiten un mejor rendimiento, ya que puede rehacer de forma selectiva.

Si solo tiene un lienzo y desea actualizar un dado, normalmente tendrá que volver a dibujar todo el lienzo. Por otro lado, los lienzos múltiples le permiten actualizar solo los dados que deben volver a dibujarse. Eso es un aumento en la eficiencia.

Además, no debería ver ninguna diferencia notable en la carga de 1 lienzo contra 100.