add GLTFModel (wip)

src/index.js

@@ -3,6 +3,7 @@ export * from './geometries/index.js';
 export * from './lights/index.js';
 export * from './materials/index.js';
 export * from './meshes/index.js';
+export * from './models/index.js';
 export * from './effects/index.js';
 
 // export * from './components/index.js';

src/models/GLTF.js

@@ -0,0 +1,16 @@
+import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader.js';
+import Object3D from '../core/Object3D.js';
+
+export default {
+  extends: Object3D,
+  props: {
+    src: String,
+    cameraPosition: Object,
+  },
+  created() {
+    const loader = new GLTFLoader();
+    loader.load(this.src, (gltf) => {
+      this.initObject3D(gltf.scene);
+    });
+  },
+};

src/models/index.js

@@ -0,0 +1 @@
+export { default as GLTFModel } from './GLTF.js';

src/plugin.js

@@ -11,22 +11,6 @@ export const TroisJSVuePlugin = {
       'Scene',
       'Group',
 
-      'BoxGeometry',
-      'CircleGeometry',
-      'ConeGeometry',
-      'CylinderGeometry',
-      'DodecahedronGeometry',
-      'IcosahedronGeometry',
-      'LatheGeometry',
-      'OctahedronGeometry',
-      'PolyhedronGeometry',
-      'RingGeometry',
-      'SphereGeometry',
-      'TetrahedronGeometry',
-      'TorusGeometry',
-      'TorusKnotGeometry',
-      'TubeGeometry',
-
       'AmbientLight',
       'DirectionalLight',
       'HemisphereLight',
@@ -47,24 +31,25 @@ export const TroisJSVuePlugin = {
       'Texture',
       'CubeTexture',
 
-      'Box',
-      'Circle',
-      'Cone',
-      'Cylinder',
-      'Dodecahedron',
-      'Icosahedron',
       'Mesh',
-      'Lathe',
-      'Octahedron',
+
+      'Box', 'BoxGeometry',
+      'Circle', 'CircleGeometry',
+      'Cone', 'ConeGeometry',
+      'Cylinder', 'CylinderGeometry',
+      'Dodecahedron', 'DodecahedronGeometry',
+      'Icosahedron', 'IcosahedronGeometry',
+      'Lathe', 'LatheGeometry',
+      'Octahedron', 'OctahedronGeometry',
       'Plane',
-      'Polyhedron',
-      'Ring',
-      'Sphere',
-      'Tetrahedron',
+      'Polyhedron', 'PolyhedronGeometry',
+      'Ring', 'RingGeometry',
+      'Sphere', 'SphereGeometry',
+      'Tetrahedron', 'TetrahedronGeometry',
       'Text',
-      'Torus',
-      'TorusKnot',
-      'Tube',
+      'Torus', 'TorusGeometry',
+      'TorusKnot', 'TorusKnotGeometry',
+      'Tube', 'TubeGeometry',
 
       'Gem',
       'Image',
@@ -73,6 +58,8 @@ export const TroisJSVuePlugin = {
       'RefractionMesh',
       'Sprite',
 
+      'GLTFModel',
+
       'BokehPass',
       'EffectComposer',
       'FilmPass',