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 });
this.customLoader8W.remove();
this.tapToPlaceBlock.init();
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
});
}