javascript - precio - Problemas de rendimiento de WebGL con la retina Macbook Pro
macbook pro precio estados unidos (3)
Tengo una aplicación WebGL que estoy desarrollando y me he topado con algunos problemas de rendimiento bastante serios con Retina Display Macbook Pros. Estoy probando en una Macbook de 15 pulgadas con Intel Iris Pro GPU, renderizando a resolución completa, lo que me da una resolución de lienzo de 3810x2030 con una ventana de Chrome de pantalla completa. Mi aplicación genera cerca de 100k vértices por cuadro.
Ahora, cuando configuro la aplicación para que se ejecute con una proporción de píxeles del dispositivo de 1 (lo que significa que no hay escala de retina), el rendimiento de la aplicación es sólido, nunca cae por debajo de 60 fps, pero la calidad de la imagen es inaceptable. Cuando cambio a la proporción de píxeles del dispositivo de la retina, que es 2, la calidad de la imagen mejora dramáticamente, pero mi velocidad de cuadros se reduce a alrededor de 20-30 fps.
Ahora, no soy ajeno a la programación de GPU, por lo que las razones por las que esto sucede son obvias para mí. Me pregunto si, ¿alguien ha encontrado alguna solución alternativa o formas de optimizar el dibujo de WebGL para pantallas de resolución ultra alta con GPU malas como la retina Macbook Pro? ¿Hay algún truco o truco no obvio que la gente haya encontrado a través de prueba y error para resolver este problema o al menos hacerlo un poco mejor?
Cualquier ayuda sería apreciada. Gracias.
Edición: Pequeña actualización con un descubrimiento interesante. Coloqué la ventana de mi navegador en una pantalla externa conectada a la Macbook, y al renderizar a un DPR de 1, el rendimiento es aún mayor en la pantalla externa que en la Macbook, incluso con la misma resolución y la misma imagen. La calidad es mucho mejor.
Por lo tanto, incluso cuando renderiza un framebuffer de escala reducida en una Macbook Pro, también aumenta su escala, lo que probablemente es lo que está causando la mala calidad de la imagen (la escala utilizando un filtro bilineal, lo que lo hace más borroso de lo que sería si el original La imagen no fue afectada).
Algunas cosas no son aceleradas por hardware en Chrome en Mac OSx.
Echa un vistazo a esta URL:
chrome://gpu/
Si encuentra algo que está deshabilitado, puede ajustarlo potencialmente usando:
chrome://flags/
El inconveniente, es que si encuentras algo que funciona, no es exactamente desplegable. Aunque puede darte una idea de dónde está tu cuello de botella.
(Aquí está la lista completa de urls que te llevan a lugares ocultos y especiales en chrome: chrome://chrome-urls/ )
Solo quiero darles una actualización a todos aquellos que siguieron este post algún cierre. Pude hacer que mi aplicación funcionara por encima de 45 FPS simplemente configurando la opción de lienzo "antialias: falso". Esto dio una gran ganancia de rendimiento en pantallas de alta densidad, y no es necesario ya que las pantallas de alta densidad proporcionan una gran cantidad de antialiasing incorporado. Espero que esto ayude a alguien más en el futuro.
Yo tuve el mismo problema. La opción de renderizador que ayudó fue renderer.setPixelRatio (1); Fps pasó de 40 a 60 en la Macbook Pro. Tres js r86