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)方法设置新的颜色值。

猜你喜欢

转载自blog.csdn.net/qq_26540577/article/details/129946055