OBJLoader2: Sync & Async OBJ loader for three.js
Fetching latest commit…
Cannot retrieve the latest commit at this time.


OBJLoader2 (sync&async) for three.js

Latest NPM release License: MIT

OBJLoader2 is a new loader for the OBJ file format that is additionally executable within a web worker.

Interested in recent changes? Check the CHANGELOG.

Repository structure / NPM content

The directory structure is organized as follows:

  • build: Contains build libraries and documentation (NPM only)
  • src: Contains the sources for the loaders
  • test: Contains Tests/HTML examples
  • resource: Contains OBJs, MTLs and textures (GitHub only)


This only applies to GitHub: Before you can start to play around some post-checkout initialization steps have to be performed.
npm and gulp must be installed on your local platform. They are required for retrieving dependencies and for building combined source bundles and the documentation. After you have cloned this repository locally, please run:

npm install


From the project's root run gulp to create The documentation in directory build/docs and the bundles in directory build:

  • OBJLoader2[.min].js: Contains all code required for the loader to work
  • LoaderSupport[.min].js: Consists of common support functions, worker control and worker director code

Models and resources

Use gulp to download missing resources (OBJ, MTL files and textures):

gulp get-resources

Implementation Overview

Version 2.x.x introduced substantial enhancements and chances especially but not only to the way the web worker execution of the parser is performed:

  • OBJLoader2 and WWOBJLoader2 have been fused. Worker based asynchronous execution of the loader is now handled by parseAsync, load with useAsync flag or run which is used for batch processing (see example OBJLoader2 usage options below). Common functionality independent of OBJ parsing has been moved to package THREE.LoaderSupport located in LoaderSupport.js. The Parser can either be executed directly or it is run inside a web worker (THREE.LoaderSupport.WorkerSupport handles the building and execution). Raw results are passed to a common mesh builder function. These support classes can be used to transform other Loaders to support asynchronous parsing.


OBJLoader2 has all OBJ parsing capabilities of the existing OBJLoader and in addition to worker-processing it features indexed rendering including vertex reduction. Please see the following list of features:

  • OBJLoader2.parse method accepts ArrayBuffer or String as input. Text processing is approx. 15-20 pecent slower
  • OBJLoader2.parseAsync only accepts ArrayBuffer as input as buffer is passed to worker.
  • Indexed rendering is available if switched on via setUseIndices (see useLoadSync in example OBJLoader2 usage options below).
  • Face N-Gons are supported
  • OBJLoader2 must now be re-instantiated every time it is used, but caching of worker code via WorkerSupport and LoaderDirector is available
  • Console logging can be deactivated if desired. Debug logging can be activated on demand. Important: V2.4.0 changes the way logging is controlled!
  • Progress callbacks provide numerical values to indicate overall progress of download or parsing (issue #16)
  • Multi-Materials are created when needed
  • Flat smoothing defined by "s 0" or "s off" is supported and Multi-Material is created when one object/group defines both smoothing groups equal and not equal to zero.
  • Support for points and lines was added (since V2.3.0)
  • New mesh detection relies 'g' occurrence or 'f', 'l' or 'p' type change (since V2.3.0). This allows mutiple mesh definitions within one group.
  • Negative face indices are supported (issue #28)

Directing the symphony

LoaderDirector is able to create a configurable amount of OBJLoader2 via reflection just by providing parameters. It is now able to direct all loaders that over automation via run and use WorkerSupport to allow running the Parser in a web worker. An instruction queue is fed and all workers created will work to deplete it once they have been started.

Web Worker Support

LoaderSupport offers utility functions used to serialize existing code into strings that are used to build the web worker code. Any loader that uses it must provide a function that builds the parser code (for example see buildCode inside OBJLoader2.parseAsync). WorkerSupport provides wrapper code to create the web worker and to organize communication with it. Configuration of the Parser inside the worker is handled by a configuration object that configures the parser identical to synchronous usage.


OBJLoader2 basic usage
OBJLoader2 usage options
OBJLoader2 Stage
LoaderDirector Mesh Spray
LoaderDirector Parallels Demo

Http server for development

If you have docker and docker-compose installed on your development platform, you are now able to launch nginx which is serving the complete content of this repository. Any changes to files are directly available in the HTTP server. This is solely meant for development.

From the command-line, use the following command to launch the HTTP server:

docker-compose up -d

Content is available here: http://localhost:8085
Nginx configuration is stored here: resource/nginx/nginx.conf. Adjust according your needs.

From the command-line, use the following to stop the HTTP server:

docker-compose down

Have fun!