Hey Guys – already found some information in other threads but cant seem to figure out what im doing wrong.
I want do change the diffuse color of an object by using a color picker input that i created.
The Id for the color picker is “picker”
currently Im facing these 2 issues:
1.My code (for simple diffuse Shader in Blender):
eventHTMLElem(‘change’, ‘picker’, true, function(event) {
let rbg = changeToRBG(event.target.value)
console.log(rbg)
var vals = rbg.substring(rbg.indexOf(‘(‘) +1, rbg.length -1).split(‘,’)
console.log(vals[0]+” “+vals[1]+” “+vals[2])
setMaterialColor(‘mat_sohlenrand’, ‘Diffuse BSDF Color’, vals[0], vals[1], vals[2]);
});
function changeToRBG(val){
return “rgb(” + val.match(/[A-Za-z0-9]{2}/g).map(function(v) {
return parseInt(v, 16)
}).join(“,”) + “)”;
}
With this code, using the regular diffuse shader, i can change the colors with my color picker – but the colors dont match (look different than the colors that i selcted in the color picker) or some become just white
2. My code for diffuse with RGB Node input:
eventHTMLElem(‘change’, ‘picker’, true, function(event) {
let rbg = changeToRBG(event.target.value)
console.log(rbg)
var vals = rbg.substring(rbg.indexOf(‘(‘) +1, rbg.length -1).split(‘,’)
console.log(vals[0]+” “+vals[1]+” “+vals[2])
setMaterialColor(‘mat_sohlenrand’, ‘RGB‘, vals[0], vals[1], vals[2]);
});
function changeToRBG(val){
return “rgb(” + val.match(/[A-Za-z0-9]{2}/g).map(function(v) {
return parseInt(v, 16)
}).join(“,”) + “)”;
}
with this code, using the “RGB Node” in Blender, nothing happens.
I also attached screenshots for these two cases.
I hope you can help me resolve the problem.
thanks
.
