8000 threejs-journey/10 Debug UI/react-three-fiber at main · algoritmau/threejs-journey · GitHub

Name		Name	Last commit message	Last commit date
parent directory ..
public		public
src		src
utils		utils
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

README.md

10 Debug UI

I'm using dat.gui to create a debug UI. It's a great tool for quickly creating a UI for tweaking variables.

I used useEffect to handle the creation of the GUI instance. I also used useRef to store the GUI instance so I can access it later.

0