From fb9f5a5cd4fb1e58b6bbca9b097e7b98ed33e163 Mon Sep 17 00:00:00 2001 From: ashley Date: Tue, 27 Aug 2024 23:16:33 +0000 Subject: [PATCH] Update html/poketube.ejs --- html/poketube.ejs | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/html/poketube.ejs b/html/poketube.ejs index 6b4c8db..6f68a24 100644 --- a/html/poketube.ejs +++ b/html/poketube.ejs @@ -2132,12 +2132,12 @@ const drawFrame = (workerId) => { const transitionToOddCanvas = (workerId) => { workers[workerId].canvas.style.opacity = canvasOpacity - workers[workerId === 0 ? numWorkers - 1 : workerId - 1].canvas.style.opacity = "0" + workers[(workerId + 1) % numWorkers].canvas.style.opacity = "0" } const transitionToEvenCanvas = (workerId) => { workers[workerId].canvas.style.opacity = canvasOpacity - workers[workerId === numWorkers - 1 ? 0 : workerId + 1].canvas.style.opacity = "0" + workers[(workerId - 1 + numWorkers) % numWorkers].canvas.style.opacity = "0" } const drawStart = () => { @@ -2147,7 +2147,8 @@ const drawStart = () => { ctx: i % 2 === 0 ? oddCtx : evenCtx, oddFrame: i % 2 === 0 } - workers[i].canvas.style.transition = `opacity ${frameIntervalMs / numWorkers}ms` intervalId = window.setInterval(() => drawFrame(i), frameIntervalMs / numWorkers) + workers[i].canvas.style.transition = `opacity ${frameIntervalMs / numWorkers}ms` + intervalId = window.setInterval(() => drawFrame(i), frameIntervalMs / numWorkers) } }