add toon material

src/materials/ToonMaterial.js

@@ -0,0 +1,13 @@
+import { MeshToonMaterial } from 'three';
+import { propsValues } from '../tools.js';
+import Material from './Material';
+
+export default {
+  extends: Material,
+  methods: {
+    createMaterial() {
+      this.material = new MeshToonMaterial(propsValues(this.$props, ['id']));
+    },
+  },
+  __hmrId: 'ToonMaterial',
+};

src/materials/index.js

@@ -4,3 +4,4 @@ export { default as PhongMaterial } from './PhongMaterial.js';
 export { default as PhysicalMaterial } from './PhysicalMaterial.js';
 export { default as StandardMaterial } from './StandardMaterial.js';
 export { default as SubSurfaceMaterial } from './SubSurfaceMaterial.js';
+export { default as ToonMaterial } from './ToonMaterial.js';

src/plugin.js

@@ -36,6 +36,7 @@ export const TroisJSVuePlugin = {
       'ShaderMaterial',
       'StandardMaterial',
       'SubSurfaceMaterial',
+      'ToonMaterial',
 
       'Box',
       'Circle',