Class for loading [page:AnimationClip AnimationClips] in JSON format. This uses the [page:FileLoader] internally for loading files.
// instantiate a loader
var loader = new THREE.AnimationLoader();
// load a resource
loader.load(
// resource URL
'animations/animation.js',
// onLoad callback
function ( animations ) {
// animations is an array of AnimationClips
},
// onProgress callback
function ( xhr ) {
console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
},
// onError callback
function ( err ) {
console.log( 'An error happened' );
}
);
[page:LoadingManager manager] — The [page:LoadingManager loadingManager] for the loader to use. Default is [page:LoadingManager THREE.DefaultLoadingManager].
Creates a new [name].
The [page:LoadingManager loadingManager] the loader is using. Default is [page:DefaultLoadingManager].
[page:String url] — the path or URL to the file. This can also be a
[link:https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/Data_URIs Data URI].
[page:Function onLoad] — Will be called when load completes. The argument will be the loaded [page:Animation animation].
[page:Function onProgress] — Will be called while load progresses. The argument will be the XMLHttpRequest instance, which contains .[page:Integer total] and .[page:Integer loaded] bytes.
[page:Function onError] — Will be called if load errors.
Begin loading from url and pass the loaded animation to onLoad.
[page:JSON json] — required
[page:Function onLoad] — Will be called when parsing completes.
Parse the JSON object and pass the result to onLoad. Individual clips in the object will
be parsed with [page:AnimationClip.parse].
[page:String path] — Base path of the file to load.
Sets the base path or URL from which to load files. This can be useful if
you are loading many animations from the same directory.