Three.js Dat GUI Tutorial and Setup Guide

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 20

  • @NNNedlog
    @NNNedlog 9 месяцев назад

    Thanks a lot for this helpful tutorial

  • @umbertopolanco4159
    @umbertopolanco4159 5 месяцев назад

    How can I force default values to the gui without relying on the "onchange" event.

  • @adeliad5242
    @adeliad5242 Год назад

    Is it possible to have options to choose from instead of a range?

  • @cycla
    @cycla 2 года назад

    is there a way to remove duplicated s generated by dat.gui when using react + three.js?

    • @SuboptimalEng
      @SuboptimalEng  2 года назад +1

      You can remove the GUI when the component unmounts. I made this update to the code in the repository.

  • @od1367
    @od1367 2 года назад +1

    hey sub thank you for his video. Can you add an image on the Dat GUI like for example say you want to have a head and want to change the hair can you add images of the different types of hair options?

    • @SuboptimalEng
      @SuboptimalEng  2 года назад

      I’m not sure about adding an image to Dat GUI, but you should be able to set up a variable to help you change the hair color on a 3D object.
      For example, you can set up a color variable and create an onChange function that updates the model’s hair color.

    • @od1367
      @od1367 2 года назад +2

      @@SuboptimalEng Thank you, yeah I really wanted to see if we could use the Dat gui to chnge the model hair instead. But thank you so much!!!

  • @btvvideochannel2591
    @btvvideochannel2591 2 года назад

    very compact but clear :)

  • @BrianPerryflux
    @BrianPerryflux 2 года назад

    Hey, great series so far. Thank you for this, I've had an issue with the GUI where on the test project I'm using, it actually displays two of the GUI, one that i can edit the values on, and another one that does absolutly nothing, any pointers?

    • @SuboptimalEng
      @SuboptimalEng  2 года назад

      Did you try pulling the latest changes from my Three.js GitHub repository? I fixed the issue which caused Dat.GUI to appear multiple times.

    • @BrianPerryflux
      @BrianPerryflux 2 года назад

      @@SuboptimalEng hey, thanks for the response, I actually was just following along with the tutorial, I have your project saved tho, so I'll check the files and see. Thanks again

    • @BrianPerryflux
      @BrianPerryflux 2 года назад

      Thanks, I found the fix.

  • @jack_wyus2013
    @jack_wyus2013 2 года назад

    man, do you know why my Three.js or GUI, did not found the funcion getHex()? Do you use another libray or something?🤔🤔😨

    • @jack_wyus2013
      @jack_wyus2013 2 года назад

      Sorry, it's just the type Material :/ Lmao

    • @SuboptimalEng
      @SuboptimalEng  2 года назад +1

      @@jack_wyus2013 Glad you figured out the answer 🙌

    • @pizzakid135
      @pizzakid135 2 года назад +1

      @@jack_wyus2013 how did you fix it? I have this same issue.

  • @financeindia484
    @financeindia484 2 года назад

    Imformative video

  • @Z_Z.t
    @Z_Z.t 2 года назад

    Thats looks like imgui but with barebones functionality.

    • @SuboptimalEng
      @SuboptimalEng  2 года назад

      Yep. I like to think of Dat.gui as the JavaScript version of Imgui.