add plane mesh

src/meshes/Box.js

@@ -1,7 +1,4 @@
-import {
-  BoxBufferGeometry,
-} from 'three';
-
+import { BoxBufferGeometry } from 'three';
 import Mesh from './Mesh.js';
 
 export default {

src/meshes/Plane.js

@@ -0,0 +1,27 @@
+import { PlaneBufferGeometry } from 'three';
+import Mesh from './Mesh.js';
+
+export default {
+  extends: Mesh,
+  props: {
+    width: {
+      type: Number,
+      default: 1,
+    },
+    height: {
+      type: Number,
+      default: 1,
+    },
+    widthSegments: {
+      type: Number,
+      default: 1,
+    },
+    heightSegments: {
+      type: Number,
+      default: 1,
+    },
+  },
+  created() {
+    this.geometry = new PlaneBufferGeometry(this.width, this.height, this.widthSegments, this.heightSegments);
+  },
+};

src/meshes/Sphere.js

@@ -1,7 +1,4 @@
-import {
-  SphereBufferGeometry,
-} from 'three';
-
+import { SphereBufferGeometry } from 'three';
 import Mesh from './Mesh.js';
 
 export default {