Added ObjectLoader

packages/threeGraphics/src/plugins/loaders.ts

@@ -16,14 +16,16 @@ import {
   SVGResult,
   RGBAFormat,
   FileLoader,
-  ImageLoader
+  ImageLoader,
+  ObjectLoader
 } from '@enable3d/three-wrapper/dist/index'
 
 export default class Loaders {
   private _fileLoader: FileLoader
   private _imgLoader: ImageLoader
   private _svgLoader: SVGLoader
   private _textureLoader: TextureLoader
+  private _objectLoader: ObjectLoader
   private _gltfLoader: GLTFLoader
   private _fbxLoader: FBXLoader
 
@@ -45,6 +47,10 @@ export default class Loaders {
     if (!this._textureLoader) this._textureLoader = new TextureLoader()
     return this._textureLoader
   }
+  private get objectLoader() {
+    if (!this._objectLoader) this._objectLoader = new ObjectLoader()
+    return this._objectLoader
+  }
   private get gltfLoader() {
     if (!this._gltfLoader) this._gltfLoader = new GLTFLoader()
     return this._gltfLoader
@@ -113,6 +119,18 @@ export default class Loaders {
     })
   }
 
+  // examples: https://github.com/mrdoob/three.js/wiki/JSON-Object-Scene-format-4
+  public object(url: string): Promise<any> {
+    const key = this.cache.get(url)
+    url = key ? key : url
+
+    return new Promise(resolve => {
+      this.objectLoader.load(url, (json: any) => {
+        resolve(json)
+      })
+    })
+  }
+
   public gltf(url: string): Promise<GLTF> {
     const key = this.cache.get(url)
     url = key ? key : url