From 86ae4c57f847f2068dbb028930753682396d7a4d Mon Sep 17 00:00:00 2001 From: legonzaur Date: Sun, 19 May 2024 21:47:34 +0200 Subject: [PATCH] Fix : switch to setTimeout for animations --- components/AnimatedBackground.vue | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/components/AnimatedBackground.vue b/components/AnimatedBackground.vue index fd2be20..e063e52 100644 --- a/components/AnimatedBackground.vue +++ b/components/AnimatedBackground.vue @@ -109,9 +109,10 @@ async function main(canvas: HTMLCanvasElement, fragmentShader2: string) { 0, // offset 6, // num vertices to process ); + interval.value = setTimeout(() => requestAnimationFrame(render), targetFramerate) } - clearInterval(interval.value) - interval.value = setInterval(() => requestAnimationFrame(render), targetFramerate) + clearTimeout(interval.value) + requestAnimationFrame(render) } @@ -119,7 +120,6 @@ async function reloadShader() { nextTick(() => { if (!canvas.value) { return } let fragmentShader2 = fragmentShader.replace("#define FBM_OCTAVES 6", "#define FBM_OCTAVES " + settingsStore.shaderQuality); - clearInterval(interval.value) main(canvas.value, fragmentShader2); })