diff options
| -rw-r--r-- | src/app/game/page.tsx | 19 |
1 files changed, 9 insertions, 10 deletions
diff --git a/src/app/game/page.tsx b/src/app/game/page.tsx index 02ea319..dc0d93d 100644 --- a/src/app/game/page.tsx +++ b/src/app/game/page.tsx @@ -122,19 +122,18 @@ function GameInner() { const [clearShowing, setClearShowing] = useState(false); const [comboAnimKey, setComboAnimKey] = useState(0); const [countdown, setCountdown] = useState(0); - const [backgroundOpacity, setBackgroundOpacity] = useState(0); + const [backgroundOpacity, setBackgroundOpacity] = useState(() => { + if (typeof window === "undefined") return 0; + const stored = localStorage.getItem(BACKGROUND_OPACITY_KEY); + if (stored === null) return 0; + const parsed = Number(stored); + if (!Number.isFinite(parsed)) return 0; + return Math.min(100, Math.max(0, parsed)); + }); const [skipBacking, setSkipBacking] = useState(false); const isVideo = useMemo(() => isVideoUrl(audioUrl), [audioUrl]); - useEffect(() => { - const stored = localStorage.getItem(BACKGROUND_OPACITY_KEY); - if (stored === null) return; - const parsed = Number(stored); - if (Number.isFinite(parsed)) { - const clamped = Math.min(100, Math.max(0, parsed)); - setBackgroundOpacity(clamped); - } - }, []); + useEffect(() => { localStorage.setItem(BACKGROUND_OPACITY_KEY, String(backgroundOpacity)); |