@archvisioninc/canvas 2.6.1 → 2.6.2

package/dist/helpers/canvasUpdateHelpers.js

@@ -150,7 +150,8 @@ export const updateMaterial = inboundData => {
     transparencyEnabled,
     opacityTexture,
     newSelectedMaterial,
-    albedoHasAlpha
+    albedoHasAlpha,
+    clearTextureChannels
   } = payload;
   const material = scene.getMaterialByName(id, true);
   if (material) {
@@ -179,6 +180,16 @@ export const updateMaterial = inboundData => {
       return;
     }
 
+    // Reset supported texture channels, useful when manually importing a new material.
+    if (clearTextureChannels) {
+      material.albedoTexture = null;
+      material.metallicTexture = null;
+      material.microSurfaceTexture = null;
+      material.emissiveTexture = null;
+      material.bumpTexture = null;
+      material.opacityTexture = null;
+    }
+
     // Back-face culling
     if (backfaceCullingEnabled !== undefined) material.backFaceCulling = backfaceCullingEnabled;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archvisioninc/canvas",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "private": false,
   "main": "dist/Canvas.js",
   "module": "dist/Canvas.js",

package/src/package/helpers/canvasUpdateHelpers.js

@@ -187,6 +187,7 @@ export const updateMaterial = inboundData => {
     opacityTexture,
     newSelectedMaterial,
     albedoHasAlpha,
+    clearTextureChannels,
   } = payload;
 
   const material = scene.getMaterialByName(id, true);
@@ -217,6 +218,16 @@ export const updateMaterial = inboundData => {
       return;
     }
 
+    // Reset supported texture channels, useful when manually importing a new material.
+    if (clearTextureChannels) {
+      material.albedoTexture = null;
+      material.metallicTexture = null;
+      material.microSurfaceTexture = null;
+      material.emissiveTexture = null;
+      material.bumpTexture = null;
+      material.opacityTexture = null;
+    }
+
     // Back-face culling
     if (backfaceCullingEnabled !== undefined) material.backFaceCulling = backfaceCullingEnabled;
 

package/src/scenes/App/App.js

@@ -64,6 +64,21 @@ const serializedResponseData = {
   wireFrameEnabled: false,
 };
 
+const noTextureData = {
+  ...serializedResponseData,
+  albedoColor: '#0675F7',
+  clearCoatEnabled: true,
+  environmentIntensity: 0.72,
+  metallic: 0,
+  roughness: 0.1,
+  albedoTexture: { url: '' },
+  bumpTexture: { url: '' },
+  emissiveTexture: { url: '' },
+  metallicTexture: { url: '' },
+  microSurfaceTexture: { url: '' },
+  opacityTexture: { url: '' },
+};
+
 const App = () => {
   const [ notifications, setNotifications ] = useState([]);
   const [ previewURL, setPreviewURL ] = useState(null);
@@ -165,6 +180,25 @@ const App = () => {
           Import material
         </Button>
 
+        <Button
+          theme={theme}
+          $selectedTheme={selectedTheme}
+          onClick={() => {
+            const inboundData = {
+              payload: {
+                id: 'material',
+                clearTextureChannels: true,
+                ...noTextureData,
+              },
+            };
+
+            updateMaterial(inboundData);
+            console.log({ metadata: scene.metadata });
+          }}
+        >
+          Change material
+        </Button>
+
         <Button
           theme={theme}
           $selectedTheme={selectedTheme}