From e265401116474c9c1f5d126389ff1a37fea060d0 Mon Sep 17 00:00:00 2001 From: roku-ft Date: 2025年3月15日 14:42:31 +0900 Subject: [PATCH] add container parameter to useGUI function to control GUI layout --- utils/useGUI.ts | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/utils/useGUI.ts b/utils/useGUI.ts index 04f1631d..37c04b4d 100644 --- a/utils/useGUI.ts +++ b/utils/useGUI.ts @@ -1,7 +1,7 @@ -import { useCallback, useEffect, useState } from "react"; +import { useCallback, useEffect, useState, RefObject } from "react"; import GUI from "lil-gui"; -export const useGUI = (setupGUI: (gui: GUI) => void, title?: string) => { +export const useGUI = (setupGUI: (gui: GUI) => void, title?: string, container?: RefObject) => { const [gui, setGUIState] = useState(null); useEffect(() => { @@ -10,6 +10,8 @@ export const useGUI = (setupGUI: (gui: GUI) => void, title?: string) => { closeFolders: true, width: 240, title, + autoPlace: container?.current ? false : true, + container: container?.current || undefined, }); setGUIState(newGui); setupGUI(newGui); @@ -20,7 +22,7 @@ export const useGUI = (setupGUI: (gui: GUI) => void, title?: string) => { setGUIState(null); } }; - }, [gui, setupGUI, title]); + }, [gui, setupGUI, title, container]); const updateDisplays = useCallback(() => { gui?.folders.forEach((folder) =>

AltStyle によって変換されたページ (->オリジナル) /