使用dat.gui (HTML5)的带有alpha通道的颜色选择器。

Question

如何使用dat.gui（http://code.google.com/p/dat-gui/）获取一个改变RGBA颜色的alpha通道的颜色选择器？

目前只能通过颜色选择器更改RGB值，即使颜色选择器接受alpha值。

示例（也可在http://jsfiddle.net/mortennobel/PT3g2/1/查看）：

var ColorObject = function() {
   this.color = [ 0, 128, 255, 0.3 ]; // RGB with alpha
    this.showAlert = function(){
        alert("Color is "+this.color);
    } 
};

var colorObject = new ColorObject();
var gui = new dat.GUI();

gui.addColor(colorObject, 'color');
gui.add(colorObject, 'showAlert');  

- Mortennobel

---

它对我来说是起作用的。你没有得到什么需要的结果？ - vals

我想要一个滑块，这样我就可以在颜色选择器中改变alpha值。 - Mortennobel

该功能在dat.GUI上不可用，所以我在这里看不到你要找的答案。 - MarcinJuraszek

dat.GUI是相当模块化和可扩展的。将此功能添加到颜色选择器中应该是可行的。 - Mortennobel

Answer 1

我不确定是否有任何简单的方法来扩展现有库。我刚刚对库本身进行了更改，您可以在这里尝试： http://jsbin.com/anewaz/2 修改后的源代码也在我的github上：https://github.com/mariozski/datGUIwithAlpha/blob/master/dat.gui.js 希望这会有所帮助 :-)

mz

- mariozski