fix: recreate CanvasTexture in rerenderTextElement (#54)

fand · Jun 8, 2024 · 38608a8 · 38608a8
1 parent 8ea3cff
commit 38608a8
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/react-vfx/src/vfx-player.ts b/packages/react-vfx/src/vfx-player.ts
@@ -119,17 +119,20 @@ export default class VFXPlayer {
         try {
             e.element.style.setProperty("opacity", "1"); // TODO: Restore original opacity
 
-            const texture: THREE.CanvasTexture = e.uniforms["src"].value;
-            const canvas = texture.image;
+            const oldTexture: THREE.CanvasTexture = e.uniforms["src"].value;
+            const canvas = oldTexture.image;
+
+            const texture = new THREE.CanvasTexture(canvas);
 
             await dom2canvas(e.element, canvas);
             if (canvas.width === 0 || canvas.width === 0) {
                 throw "omg";
             }
 
-            e.element.style.setProperty("opacity", "0");
+            e.uniforms["src"].value = texture;
+            oldTexture.dispose();
 
-            texture.needsUpdate = true;
+            e.element.style.setProperty("opacity", "0");
         } catch (e) {
             console.error(e);
         }