From de00212bb6ed586d604bfa7fddf7ce0a99934065 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81mbar=20Tenorio=20Forn=C3=A9s?= <ambar@atenor.io>
Date: Wed, 22 Nov 2023 12:27:18 +0100
Subject: [PATCH] fix hydra performance issues

---
 packages/hydra/hydra.mjs | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/hydra/hydra.mjs b/packages/hydra/hydra.mjs
index 692e4c149..b63ca4230 100644
--- a/packages/hydra/hydra.mjs
+++ b/packages/hydra/hydra.mjs
@@ -4,11 +4,11 @@ export async function initHydra() {
   if (!document.getElementById('hydra-canvas')) {
     const { canvas: testCanvas } = getDrawContext();
     await import('https://unpkg.com/hydra-synth');
-    const hydraCanvas = testCanvas.cloneNode(true);
-    hydraCanvas.id = 'hydra-canvas';
-    testCanvas.after(hydraCanvas);
-    new Hydra({ canvas: hydraCanvas, detectAudio: false });
-    s0.init({ src: testCanvas });
+    h = new Hydra({detectAudio: false });
+    h.canvas.id = 'hydra-canvas';
+    h.canvas.style.position = 'absolute';
+    h.canvas.style.top = '0px';
+    testCanvas.after(h.canvas);
   }
 }