如何在three.js中创建颜色选择器，并允许用户更改MAYA3D模型的特定多边形的颜色？
如何在three.js中创建颜色选择器，并允许用户更改MAYA3D模型的特定多边形的颜色？
提问于 2015-08-01 22:17:16
我是three.js和webGL的新手。我想要一个关于如何在three.js中添加颜色选择器的示例代码。它必须选择/添加颜色，如银色，金色，红色，蓝色，紫色或任何颜色。从那里，可以通过从拾色器中选择颜色来更改Maya 3D模型的特定材质(模型的一部分)的颜色。
我已经在Maya 2014中建立了3D复杂模型，并将其导出到webGL中。
如本例所示：http://threejs.org/docs/scenes/material-browser.html#MeshPhongMaterial
回答 1
Stack Overflow用户
发布于 2015-08-01 22:30:26
您可以使用DAT.GUI库，该库与示例中使用的库相同。
这是一个关于如何在three.js代码中使用它的基本教程：
http://learningthreejs.com/blog/2011/08/14/dat-gui-simple-ui-for-demos/
颜色选择器的示例代码：
var FizzyText = function() {
this.color0 = "#ffae23"; // CSS string
this.color1 = [ 0, 128, 255 ]; // RGB array
this.color2 = [ 0, 128, 255, 0.3 ]; // RGB with alpha
this.color3 = { h: 350, s: 0.9, v: 0.3 }; // Hue, saturation, value
// Define render logic ...
};
window.onload = function() {
var text = new FizzyText();
var gui = new dat.GUI();
gui.addColor(text, 'color0');
gui.addColor(text, 'color1');
gui.addColor(text, 'color2');
gui.addColor(text, 'color3');
};在此link中，您可以看到整个示例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31762835
复制相关文章
相似问题
腾讯云开发者
