three.js: Can not load .glTF file in three.js editor r82dev + GLTFLoader v2
Description of the problem
- Access to following URL https://cdn.rawgit.com/mrdoob/three.js/dev/editor/index.html
- [File] - [Import] - [Duck.gltf] select Duck.gltf file on the desktop -> Can not load Duck.gltf. Following error has been displayed on the console.
three.min.js:150 THREE.WebGLRenderer 82dev
Storage.js:75 [22:07:15] Saved state to IndexedDB. 1.94ms
Loader.js:22 Loading Duck.gltf (191 KB) 100%
GLTFLoader.js:77 Synchronous glTF object access is deprecated. Use the asynchronous 'callback' argument instead.get scene @ GLTFLoader.js:77(anonymous function) @ Loader.js:168FileReader (async)Loader.loadFile @ Loader.js:173(anonymous function) @ Menubar.File.js:45
GLTFLoader.js:79 Uncaught ReferenceError: scene is not defined
at Object.get scene [as scene] (https://cdn.rawgit.com/mrdoob/three.js/dev/examples/js/loaders/GLTFLoader.js:79:12)
at FileReader.<anonymous> (https://cdn.rawgit.com/mrdoob/three.js/dev/editor/js/Loader.js:168:14)get scene @ GLTFLoader.js:79(anonymous function) @ Loader.js:168FileReader (async)Loader.loadFile @ Loader.js:173(anonymous function) @ Menubar.File.js:45
GLTFLoader.js:59 GLTFLoader: 130ms
GLTFLoader.js:67 Uncaught (in promise) TypeError: callback is not a function
at https://cdn.rawgit.com/mrdoob/three.js/dev/examples/js/loaders/GLTFLoader.js:67:4
at GLTFParser.<anonymous> (https://cdn.rawgit.com/mrdoob/three.js/dev/examples/js/loaders/GLTFLoader.js:813:3)(anonymous function) @ GLTFLoader.js:67(anonymous function) @ GLTFLoader.js:813Promise.resolve (async)_each @ GLTFLoader.js:593(anonymous function) @ GLTFLoader.js:1710Promise.resolve (async)_each @ GLTFLoader.js:593(anonymous function) @ GLTFLoader.js:1517Promise.resolve (async)_each @ GLTFLoader.js:593(anonymous function) @ GLTFLoader.js:1246Promise.resolve (async)_each @ GLTFLoader.js:593(anonymous function) @ GLTFLoader.js:955
In previous version (r81 + GLTFLoader v1) it will be displayed correctly. https://cdn.rawgit.com/mrdoob/three.js/master/editor/index.html
Three.js version
- Dev
- r81
- …
Browser
- All of them
- Chrome
- Firefox
- Internet Explorer
OS
- All of them
- Windows
- Linux
- Android
- IOS
Hardware Requirements (graphics card, VR Device, …)
Windows 10 + ThinkPad X201 Intel HD Graphics
About this issue
- Original URL
- State: closed
- Created 8 years ago
- Comments: 22 (20 by maintainers)
Commits related to this issue
- Editor: Fixed GLTF file loading. See #9866 — committed to mrdoob/three.js by mrdoob 8 years ago
The original issue (RawShaderMaterial did not update correctly) has been fixed by #10851.
I think that re-assigning an object’s material should ‘just work’ (maybe also unset
mesh.onBeforeRender?) but let’s open a new issue if there’s a problem there. GLTFLoader had been keeping an internal reference to these shaders, but isn’t anymore, so maybe that was the problem.