question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

GLTFLoader: Scene hierarchy not consistant between Chrome and Firefox.

See original GitHub issue

I just found out the order of children in a traverse ‘traverse’ loop in a (glb file):

object.traverse( function ( child ) {
//to something with child
});

is different on Chrome and on Firefox.

Actually, on Chrome, the order seem to be random ( is different each time the page is refreshed)

Tested with a glb file exported from blender, on Chrome & Firefox linux and window 10, with three 112

Is this a known issue or is there a work around for this?

using threejs 112 & GLTF loader as of today’s version : 2020/02/28

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:9

github_iconTop GitHub Comments

2reactions
takahiroxcommented, Feb 29, 2020

Oh sorry I made PR #15587 including this fix but it had a response time impact and I didn’t have time to think how to resolve, and ended up closing the PR so far.

I think it’s good to first fix only this issue. IIRC I explained the root issue in #15561, not hard to fix. Please feel free to try.

1reaction
Mugen87commented, Dec 3, 2022

Fixed via #25058.

Read more comments on GitHub >

github_iconTop Results From Across the Web

GLTFloader not working in Firefox, Opera, Edge - three.js forum
Dear Reader, did build a scene with an animated object, using the GLTFloader. in Chrome it works in Firefox not, Edge also not, ......
Read more >
Threejs does not load gltf model on chrome android
I am trying to display a simple GLTF 3d model in my website. It works on desktop Mac and windows as well as...
Read more >
How actors are organized - Firefox Source Docs
They are organized in a hierarchy for easier lifecycle and memory management: once a parent is removed from the pool, its children are...
Read more >
Build Course Boilerplate - React Three Fiber Tutorials
Now to start creating our working folders and files. Open a command/terminal prompt and create a new folder on your system somewhere. mkdir...
Read more >
What's New | Babylon.js Documentation
Major updates · Infinite Morph Targets: When supported (WebGL2+) you are no more limited to 4 morph targets per mesh (Deltakosh) · Added...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found