We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Avatar for Username

Search Support

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

This thread was archived. Please ask a new question if you need help.

Cannot display WebGL geometry via Three.js

  • 4 replies
  • 1 has this problem
  • 2 views
  • Last reply by 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

All Replies (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 Question owner
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 Question owner
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