Estoy haciendo un pequeño juego usando el elemento HTML5 canvas
. Funciona muy bien, excepto que tiene un fondo de desplazamiento con obvio desgarro en los navegadores Firefox y Chromium en Ubuntu. Estoy bastante seguro de que está amortiguado porque no hay nada del parpadeo que esperaba; solo rasgando. ¿Hay alguna forma de evitar esta renderización o la del tiempo justo después de la última actualización de la pantalla?¿Desgarro en el lienzo HTML5?
Respuesta
Actualmente no hay forma de controlar el repintado real de un elemento de lienzo (que, de haberlo, podría ayudar a aumentar el rendimiento, supongo). Así que uno solo puede esperar que el navegador realmente haga algo inteligente, en lugar de arruinarlo como en su caso.
Yo mismo tengo bastante experiencia con el elemento canvas y conozco sus peculiaridades. Me encontré con algún tipo de "retraso de repintado" varias veces, donde obviamente los números reales detrás de las escenas son correctos y "suaves", pero los gráficos todavía tienen un comportamiento algo "nervioso", que de hecho es realmente molesto .
Lo único que puedo imaginar que podría tener un efecto en su caso, es la activación de VSync en la configuración del controlador de su tarjeta gráfica.
Si desea proporcionar un enlace a su juego que podría ser útil también, ya que también estoy ejecutando Ubuntu aquí.
Gracias por la sugerencia. Desafortunadamente, actualmente estoy usando arte de marcador de posición robado de otro juego, por lo que no puedo distribuirlo hasta que se haya reemplazado todo el arte. También estoy viendo el problema de retraso que mencionaste. – Sydius
- 1. "Borrado" en el lienzo html5
- 2. Similitudes entre el lienzo HTML5 y el lienzo de Android
- 3. Rectángulo en HTML5 El lienzo está estirado
- 4. Cómo centrar el lienzo en html5
- 5. Desplazamiento personalizado en el lienzo html5
- 6. unidades de lienzo html5
- 7. Traducir un lienzo html5
- 8. html5 - arrastre un lienzo
- 9. inspector de lienzo HTML5?
- 10. HTML5 getImageData sin lienzo
- 11. Lienzo dentro de lienzo de html5
- 12. HTML5 círculo lienzo texto
- 13. HTML5 Crear dinámicamente lienzo
- 14. lienzo html5 - ¿Cómo puedo estirar el texto?
- 15. Redibujar el lienzo de HTML5 increíblemente lento
- 16. Impresión de un lienzo html5?
- 17. "googlemaps" arrastrando con lienzo html5
- 18. Agregar elementos al lienzo html5
- 19. Guardar el elemento de lienzo html5 en el archivo (local)
- 20. ¿Cómo justificar alinear el texto en el lienzo html5?
- 21. ¿El lienzo HTML5 admite el zoom basado en navegador?
- 22. Curvas rotas en Html5 Lienzo Bezier
- 23. Dibujar texto girado en un lienzo HTML5
- 24. Desgarro de palabras en x86
- 25. desplazamiento/deslizamiento de fondo en lienzo html5
- 26. ¿Cómo hago un lienzo transparente en html5?
- 27. Dibujar cuadrícula/tabla en lienzo HTML5
- 28. Cómo dibujar polígonos en un lienzo HTML5?
- 29. ¿Cómo hacer puntos seleccionables en el lienzo html5?
- 30. cursor: puntero en el elemento de lienzo html5 hover
Ver: http://stackoverflow.com/questions/6025661/how-can-i-get-vsync-callback-on-html5-canvas – Kos