javascript - WebGL performance issues with retina Macbook Pro -
i have webgl application developing , have run against pretty serious performance concerns retina display macbook pros. testing on 15 inch macbook intel iris pro gpu, rendering @ full resolution, gives me canvas resolution of 3810x2030 full screen chrome window. application renders 100k vertices per frame.
now, when set application run device pixel ratio of 1 (meaning no retina scaling), performance of application solid, never falls below 60 fps, image quality unacceptable. when switch retina's device pixel ratio 2, image quality dramatically improves, framerate plummets around 20-30 fps.
now, i'm no stranger gpu programming, reasons why happening obvious me. wondering is, has out there found workarounds or ways optimize webgl drawing ultra high resolution displays bad gpus retina macbook pro? there non-obvious tips or tricks people have found through trial , error resolve issue or @ least make better?
any appreciated. thanks.
edit: small update interesting discovery. put browser window external display hooked macbook, , when rendering @ dpr of 1, performance higher on external display on macbook, exact same resolution, , image quality better.
so when render downscaled framebuffer on macbook pro, still scales up, causing poor image quality (it scaling using bilinear filtering, making more blurry if original image displayed unaffected).
just want give update followed post closure. able application running above 45 fps setting canvas option "antialias: false". gave huge performance gain on high density displays, , isn't necessary since high density displays provide large amount of built-in antialiasing. hope helps else in future.
Comments
Post a Comment