Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Buscar en Ayuda

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Este tema ha sido archivado. Haz una nueva pregunta si necesitas ayuda.

Cannot display WebGL geometry via Three.js

  • 4 respuestas
  • 1 tiene este problema
  • 2 visitas
  • Última respuesta de TyDraniu

s_c_firefox
s_c_firefox
more options

Hello,

I have developed a three.js component that works without issue on chromium. On Firefox, part of it does not display.

<unable to upload images, the upload hangs <- happy to send via email>

See chromium.png for how it should look. In firefox.png you can see that it is missing the surface area. For reference, the 3d axes shown are three.js components also.

firefox_console.png shows issue loading webgl

firefox_console_after_force_enable.png shows the same after webgl.force_enable was set to True in the config.

Can you offer any advice here? Our customer is keen to continue using FF.

Thanks in advance. Scott

Hello, I have developed a three.js component that works without issue on chromium. On Firefox, part of it does not display. <unable to upload images, the upload hangs <- happy to send via email> See chromium.png for how it should look. In firefox.png you can see that it is missing the surface area. For reference, the 3d axes shown are three.js components also. firefox_console.png shows issue loading webgl firefox_console_after_force_enable.png shows the same after webgl.force_enable was set to True in the config. Can you offer any advice here? Our customer is keen to continue using FF. Thanks in advance. Scott

Todas las respuestas (4)

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

Can you provide a working example, like https://jsfiddle.net/aybalasubramanian/6xwo2ksg/

Thanks.

s_c_firefox
s_c_firefox Autor de la pregunta
more options

Thanks for getting back to me TyDraniu.

I am having difficulty to make this work on fiddle with the number of components involved.

However I've narrowed the issue down to Firefox not using a datauri in place of a file, which is fed into a loader (PLYloader).

Hopefully the following will help to explain, using Sean Bradley's tutorial here:

https://sbcode.net/threejs/loaders-ply/

He is using the PLYloader to load an external .ply file. I am sidestepping a file and building a datauri instead. It seems to be this part that fails to load.

If you substitute 'models/sean4.ply' for 

               'data:text/plain,ply\nformat%20ascii%201.0\ncomment%20VCGLIB%20generated\nelement%20vertex%208\nproperty%20float%20x\nproperty%20float%20y\nproperty%20float%20z\nproperty%20uchar%20red\nproperty%20uchar%20green\nproperty%20uchar%20blue\nelement%20face%206\nproperty%20list%20uchar%20int%20vertex_indices\nend_header\n0%200%200%200%20255%20163\n1%200%200%200%20255%20132\n1%201%200%200%20255%20132\n0%201%200%200%20255%20132\n0%201%201%200%20255%20132\n0%200%201%200%20255%20132\n1%200%201%200%20255%20132\n1%201%201%200%20255%20132'

it gives a good representation of my problem. In chromium you will see two triangles, in firefox nothing is displayed.

Hopefully some images will attach this time.

s_c_firefox
s_c_firefox Autor de la pregunta
more options

Can someone advise how to chase this further? I would like to reach out to mozilla developers if possible.

TyDraniu
TyDraniu
  • Top 10 Contributor
more options

OK, you can file a bug in https://bugzilla.mozilla.org/enter_bug.cgi