question

Mike Deem avatar image
Mike Deem asked

WebGL Rendering Problem on Fire Phone but not on HDX Tablet

I'm developing a application using cordova that leverages webgl via three.js. I get the expected results when running on a Fire HDX tablet and when running in a desktop browser (Chrome on iOS), but on the Fire Phone I have gamma and/or color correction issues: the scene is tinted green and is washed out. If I disable three.js shadow maps and hemispherical light the results are the same on the phone and the tablet and look correct (minus the shadows and additional lighting). The Fire Phone and the HDX tablet are running same version of of the browser: phone: Mozilla/5.0 (Linux; Android 4.2.2; SD4930UR Build/JDQ39) AppleWebKit/537.22 (KHTML, like Gecko) Chrome/25.0.1364.173 Mobile Safari/537.22 cordova-amazon-fireos/3.4.0-dev tablet: Mozilla/5.0 (Linux; Android 4.2.2; KFAPWI Build/JDQ39) AppleWebKit/537.22 (KHTML, like Gecko) Chrome/25.0.1364.173 Mobile Safari/537.22 cordova-amazon-fireos/3.4.0-dev I've looked for errors and compared all webgl api calls (as described here: http://www.khronos.org/webgl/wiki/Debugging), but didn't find any differences between the tablet and the phone. Any suggestions?
fire phone
10 |5000

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.

1 Answer

Mike Deem avatar image
Mike Deem answered
My modifying the three.js shader code to not use for loops I was able to work around the rendering problem. The root cause is likely to be a chromium "bug" discussed at https://github.com/mrdoob/three.js/issues/5232 and tracked at https://code.google.com/p/chromium/issues/detail?id=225578.
10 |5000

Up to 2 attachments (including images) can be used with a maximum of 512.0 KiB each and 1.0 MiB total.