npm

This package has been deprecated

Author message:

Starting with three.js r103, GLTFLoader is included in the three package itself and installing three-gltf-loader is no longer necessary. It can be imported from 'three/examples/jsm/loaders/GLTFLoader'

three-gltf-loader
TypeScript icon, indicating that this package has built-in type declarations

1.111.0 • Public • Published

three.js glTF loader

three.js version license GitHub issues

Note for three >= v0.103.0

Please note, that starting with three.js r103, GLTFLoader is included in the three package itself and installing three-gltf-loader is no longer necessary.

It can be accessed via

import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';

However, this package will still be maintained.

Installation

yarn add three-gltf-loader
npm i --save three-gltf-loader

Description

three.js's r111 GLTFLoader wrapped as a module for easy importing, TypeScript type definitions included.

Usage

import * as THREE from 'three';
import GLTFLoader from 'three-gltf-loader';
 
const loader = new GLTFLoader();
loader.load(
    'path/to/your/file.gltf',
    ( gltf ) => {
        // called when the resource is loaded
        scene.add( gltf.scene );
    },
    ( xhr ) => {
        // called while loading is progressing
        console.log( `${( xhr.loaded / xhr.total * 100 )}% loaded` );
    },
    ( error ) => {
        // called when loading has errors
        console.error( 'An error happened', error );
    },
);

For further documentation, see the GLTFLoader docs.

Reporting Issues

Please note that this is just a wrapper for the glTF loader provided by three.js. Therefore, any issues regarding the loader should be reported directly via the three.js issue tracker.

For issues directly related to the wrapper or this package specifically, feel free to contact me.

Package Sidebar

Install

npm i three-gltf-loader

Weekly Downloads

1,168

Version

1.111.0

License

MIT

Unpacked Size

84.3 kB

Total Files

5

Last publish

Collaborators

  • johh