I created a GLTF model with 2 Morph Targets. One Sphere =\> which Morphs to suzanne and also to a Cone. I loaded them in three.js and was able to produce one of the morphing through the below code. var params = { …
---
## [Conway's Game of Life 3D with Orbit Controls and datgui](https://discourse.threejs.org/t/conways-game-of-life-3d-with-orbit-controls-and-datgui/63169)
A 3D implementation of Conway’s Game of Life written in JavaScript using Three.js and dat-gui. live: https://marianpekar.github.io/game-of-life-threejs/ github: https://github.com/marianpekar/game-of-life-threejs
---
## [3D visualization of Fractal Brownian Motion configurable with datgui](https://discourse.threejs.org/t/3d-visualization-of-fractal-brownian-motion-configurable-with-datgui/63170)
A swarm of icosahedrons that is semi-randomly distributed and animated across Fractal Brownian Motion noise curves; configurable with datgui. live: https://marianpekar.github.io/fbm-space/ github: https://github.com/ma…
---
## [dat.GUI styling (Angular threejs)](https://discourse.threejs.org/t/dat-gui-styling-angular-threejs/57994)
I have a dat.GUI window in my component. The window is fixed to top right position. I tried to style it with css to margin-top of 100px but it doesn’t work. The reason being for the margin is because some part of the dat…
---
## [Dat.gui is not displaying as expected](https://discourse.threejs.org/t/dat-gui-is-not-displaying-as-expected/52498)
I tried everything but Dat.gui controls is not showing up on the browser as expected. It looks like this: My code to add the datgui is like this: const gui = new dat.GUI(); gui.add(PointLight.position, ‘x’).min(-20)…
---
## [\[Solved\]Create a label in a control gui](https://discourse.threejs.org/t/solved-create-a-label-in-a-control-gui/48742)
Hi, i’m using this gui for my project but i’m having some problmes with it, i need to trasform the text area into a label in order to meke it uneditable but i can’t find the method to do so. I alrdy tried readonly() but …
---
## [Adding gui options to globe texture](https://discourse.threejs.org/t/adding-gui-options-to-globe-texture/46014)
I’ve added gui options for a globe texture but its not working properly, edit: it doesnt tell me anything in the console. here is the globe: here is my code: import { GUI } from "./js/dat.gui.module.js"; // GUI c…
---
## [Problem with initializing dat.GUI with react](https://discourse.threejs.org/t/problem-with-initializing-dat-gui-with-react/17118)
hey, guys noob alert here I have an issue of integrating dat.GUI with react component I tried loading it after the objects loaded but it did not work crying for any suggestions here is the code import React, { Component…
---
## [Updating Gui coordinates of user uploaded CAD model](https://discourse.threejs.org/t/updating-gui-coordinates-of-user-uploaded-cad-model/38737)
I am using Transform Control to move around a CAD model in Threejs. I want to allow the user to be able to type in x,y,z coordinates into the dat.gui to automatically update the location of the model by typing. If the u…
---
## [Can we use style css properpty for DAT.GUI](https://discourse.threejs.org/t/can-we-use-style-css-properpty-for-dat-gui/38029)
Hello guys, is it possible we can change style of DAT.GUI in three js like in the above image text color is green I need to change that into blue color and also implement that text must be bold can we change this? a…
---
## [GPGPU/FBO/gpuComputationRenderer output for Dat.gui?](https://discourse.threejs.org/t/gpgpu-fbo-gpucomputationrenderer-output-for-dat-gui/37896)
Years ago I remember seeing someone that was using dat.gui to output GPGPU/framebuffer passes (noise, images etc) presumably via a little canvas or image injection however i cant find anything online anymore where someon…
---
## [GLTF validator report with Dat GUI](https://discourse.threejs.org/t/gltf-validator-report-with-dat-gui/37362)
Hello guys, I need to display GLTF validation report with stats GUI and I also installed package gltf-validator I am able to print all the values in console only, I just wanna know how to use that values in code so I di…
---
## [dat.GUI for WebXR](https://discourse.threejs.org/t/dat-gui-for-webxr/21906)
Recently I was playing with Three-Mesh-UI: https://github.com/felixmariotto/three-mesh-ui which is a small library for building VR user interfaces. It’s really nice but missing things offered by HTML DOM dat.GUI (https:/…
---
## [Dat.gui shows on other pages too](https://discourse.threejs.org/t/dat-gui-shows-on-other-pages-too/33227)
Hello , due to lack of time i implemented three js in react the primitive way, set route for it and works fine untill i switch to another link. const Modeling = () =\> { const mountRef = useRef(null); useEffect(() =\> { …
---
## [Is it possible to combine CSS2DRenderer and DAT.GUI together when the gui overlays the scene?](https://discourse.threejs.org/t/is-it-possible-to-combine-css2drenderer-and-dat-gui-together-when-the-gui-overlays-the-scene/27725)
Hi, I have a scene with some GUI (dat.gui) that are superimposed on the scene I am able to add labels on 3D objects with CSS2DObject and CSS2DRenderer but then the controls are not responding anymore. If I reduce th…
---
## [How to update a gui's display from an object's properties?](https://discourse.threejs.org/t/how-to-update-a-guis-display-from-an-objects-properties/27578)
I can control an object’s properties from a gui. For example, if my scene has a cube, I can update cube.position.z from a gui. function initGui(){ const gui = new dat.GUI(); const cubePositionFolder = gui.addFolder…
---
## [Is it possible to change the background color of the scene from the gui controls?](https://discourse.threejs.org/t/is-it-possible-to-change-the-background-color-of-the-scene-from-the-gui-controls/27307)