Three.js ändert die Modellhelligkeit

1. Idee

        Die Helligkeit drückt den Anteil von Schwarz und Weiß im Bild aus. Je größer die Helligkeit, desto eher ist das Gesamtbild weiß, und je kleiner die Helligkeit, desto eher ist das Schwarz. Um die Helligkeit des Modells zu ändern, muss das Schwarz-Weiß-Verhältnis der Farbe auf dem Modellmaterial geändert werden. Der RGBA-Farbwert wird mit einem Koeffizienten multipliziert. Je größer der Koeffizient ist, desto heller ist es und desto kleiner ist der Koeffizient , desto dunkler ist es. Der normale Koeffizientenwert ist 1. Die Farbeigenschaft des Materials ist wie folgt:

        . Farbe  :  Farbe

        Die Farbe des Materials ( Color ), der Standardwert ist Weiß (0xffffff).

2. Code-Implementierung

        Hier habe ich den Implementierungsteil des Codes eingefügt.

//修改模型亮度
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 ist der ursprüngliche Farbwert im Modell. Eine neue Farbe wird durch Multiplizieren des RGB-Parameters der Originalfarbe mit einem Helligkeitskoeffizienten erstellt. Der RGB-Bereich beträgt 0-1. Um einen neuen Farbwert festzulegen, rufen Sie am besten die Methode set(color) auf.

おすすめ

転載: blog.csdn.net/qq_26540577/article/details/129946055