Incorrect displaying some colors in 8th Wall scene (which uses Three js)

Hi everyone
today I have an issue with correctly displaying some colors on the 8th Wall scene (which uses Three js).

In this image, you see that the blue color is too darker but the black carbon texture is too lighter than I expect (it seems like light grey but expected dark)

In both scenes, I have the same settings and the same light. I tried to change toneMapping, exposure, outputEncoder but it have no result.

      onStart: ({ canvas }: any): void => {
        const { scene, camera, renderer } = (window as any).XR8.Threejs.xrScene();

        this.scene = scene;
        this.renderer = renderer;

        renderer.colorManagement = true;
        renderer.toneMapping = THREE.ACESFilmicToneMapping;
        renderer.physicallyCorrectLights = true;
        renderer.toneMappingExposure = Math.pow(1.2, 5.0);
        renderer.outputEncoding = THREE.LinearEncoding;

        this.initialScale = this.objectWrapper.scale.clone();
        this.scaleFactor = 1;
        this.internalState = {
          previousState: null

        initXrScene({ scene, camera, renderer });


        canvas.addEventListener('touchstart', emitGestureEvent, true);
        canvas.addEventListener('touchend', emitGestureEvent, true);
        canvas.addEventListener('touchmove', emitGestureEvent, true);
        (window as any).XR8.XrController.updateCameraProjectionMatrix({
          origin: camera.position,
          facing: camera.quaternion

This is a PlayCanvas forum, so I’m afraid we can’t help you with any three.js questions

Please try: