How to load a gltf model to Three.js?

three.js gltf
Hamabama picture Hamabama · Aug 19, 2014 · Viewed 16.1k times · Source

I decided to try out gltf format for rendering models in Three.js and I'm using this converter (http://cesiumjs.org/convertmodel.html) to convert the model from Collada to GlTF. It spits out a *.gltf file, however in the examples in Three.js they pass a *.json file. How can I load the *.gltf file or how can I get the proper set of files to load? Thanks

Answer

WestLangley picture WestLangley · Aug 19, 2014

You can use THREE.glTFLoader which can be found in the examples/js/loaders directory.

For a demo, see http://threejs.org/examples/webgl_loader_gltf.html.

three.js r.95

Related questions

How to properly export from Cinema 4D to GLTF and use it with Three.JS?

I have been trying to do this for a few weeks, Trying to find out how on my own, But I have failed over and over, With little progress. So if anyone can help me, I will be very thankful. …

Read More
Centering and Resizing GLTF models automatically in Three.js

After downloading 3D models from sketchfab.com and importing them into a Three.js scene, they are most of the times not centered and their size is very big. Is there a way to automatically center and scale gltf models …

Read More
"Cross origin requests are only supported for HTTP." error when loading a local file

I'm trying to load a 3D model into Three.js with JSONLoader, and that 3D model is in the same directory as the entire website. I'm getting the "Cross origin requests are only supported for HTTP." error, but I don't …

Read More