Three.js修改模型亮度
·
1.思路
亮度表达的是图像的黑白占比,亮度越大整体趋向于白色,亮度越小趋向于黑色。修改模型的亮度就是修改模型材质上的颜色黑白占比,通过rgba颜色值乘以一个系数,系数越大越亮,系数越小越暗,正常系数值为1。材质上的color属性如下:
.color : Color
材质的颜色(Color),默认值为白色 (0xffffff)。
2.代码实现
这里我这放了实现部分的代码。
//修改模型亮度
const basicColor = mesh.material.color;
const brightness = 1;
const newColor = new THREE.Color(basicColor.r*brightness,basicColor.g*brightness,basicColor.b*brightness);
mesh.material.color.set(newColor);
basicColor为模型上的原颜色值,通过原颜色的rgb参数乘以一个系数brightness来创建新的颜色,rgb范围为0-1。最好调用set(color)方法设置新的颜色值。
更多推荐
已为社区贡献6条内容
所有评论(0)