Description

I have the same set of code running with different versions of three.js. Here is the output running with r146 version:

Here is the output running with r162, latest version:

You can obviously find out that the color rendered by latest three.js is much more dimmer, why is that? Were there any reconstructions to the light usage or light effects during previous iterations?

Reproduction steps

Just switch between r146 and latest version of three.js in npm and observe the differences

Code

Just the part of the code which refers to the light

// code goes here
import anime from "animejs";
import * as THREE from "three";
class Planet {
  protected light: THREE.Light;
  protected camera: THREE.Camera;

  protected createSphere() {
    const segments = 64;
    const planet = this.planetConfig;

    this.sphereInstance = new THREE.Mesh(
      new THREE.SphereGeometry(1, segments, segments),
    );

    this.rootScene.add(this.sphereInstance);
  }
  protected runAnimationFrame: () => void;
  public init() {
    const el = this.planetContainerEl.value;
    this.renderer = new THREE.WebGLRenderer({ alpha: true });

    const scene = (this.rootScene = new THREE.Scene());

    this.createSphere();

    const cameraPosition = Planet.position.center;
    const camera = (this.camera = new THREE.PerspectiveCamera( 50, width / height));
    camera.position.set(
      0,
      cameraPosition.cameraPositionY,
      cameraPosition.cameraPositionZ + 0.1
    );

    const light = (this.light = new THREE.DirectionalLight(0xffffff, 1));
    light.position.set(-1, 1, -2);
    scene.add(light);

    this.runAnimationFrame();

    const fadeInDuration = 800,
      fadeInEasing: anime.EasingOptions = "linear";
    this.fadeInPlanetAnime = anime({
      x: -1,
      y: 1,
      z: 3,
      easing: fadeInEasing,
      targets: light.position,
      duration: fadeInDuration,
    });
  }
}

Live example

jsfiddle-latest-release
jsfiddle-dev Sorry, there is no live example due to business factors.

Screenshots

Here is the output running with r146 version:

Here is the output running with r162, latest version:

Version

r146 and r162

Device

Desktop

Browser

Chrome

OS

Windows

mrdoob / three.js

What is happening to the light? #27910