javascript - 使用 dat.GUI 选择颜色设置三个 js 中的一个对象的颜色

Question

如何使用 dat.gui 设置颜色在一个对象中三个 js

我想用类似 Box 3 in this example 的对话框选择颜色

如何制作这个？

Answer 1

我使用以下函数来使用选择器颜色更改颜色

function cambiarColor( obj )
{
    var gui = new dat.GUI();


    var Configuracion=function(){
            this.color = "#ffae23";
    }
    var conf = new Configuracion();

    var controlador = gui.addColor( conf, 'color');
    controlador.onChange( function( colorValue  )
    {
      //the return value by the chooser is like as: #ffff so
      //remove the # and replace by 0x
      colorValue=colorValue.replace( '#','0x' );
      //create a Color
      var colorObject = new THREE.Color( colorValue ) ;
      //set the color in the object
      obj.material.color = colorObject;
    });
}