Noté que los colores de la textura de mi video son ligeramente diferentes en comparación con mi video inicial.
Trato de establecer diferentes codificaciones de tres.js, pero siempre noto una pequeña diferencia.
¿Alguien sabe cómo prevenir este comportamiento? Gracias
EDITAR
Aquí hay un codepen con mi código actual: https://codepen.io/michaelgrc/pen/jOGEezY
this.maTexture = new THREE.VideoTexture( el.querySelector('video') ); this.monMaterial = new THREE.MeshBasicMaterial({ map: this.maTexture })Quiero hacer una transición elegante. Cuando hago clic en un video, lo llamo dentro de un lienzo para agrandarlo y deformarlo, usando algunos efectos de renderizado posterior.
El codepen no funcionará porque el video está alojado en línea, por lo que el video no se mostrará en mi procesamiento three.js...
Mi problema: cuando hago clic por primera vez en el video (el que está en HTML), el video dentro del lienzo aparece justo encima. Los colores son ligeramente diferentes por lo que el usuario nota un salto.
Aquí hay un registro de mi pantalla. Notarás el cambio de tono cuando hago clic: https://michaelg.fr/tone.mov
Verifique las propiedades toneMappingExposure y toneMapping de su renderizador, ¡hay muchas de ellas y pueden cambiar mucho el ambiente y el aspecto de su experiencia! este ejemplo es muy útil para experimentar con ellos antes de implementarlos en su proyecto: webgl_tonemapping , puede probar con esto y modificar los valores hasta que obtenga lo que desea:
renderer.physicallyCorrectLights = true renderer.outputEncoding = THREE.sRGBEncoding renderer.toneMapping = THREE.ACESFilmicToneMapping renderer.toneMappingExposure = 1.3 //Just an configuration exampleTambién puede ser un problema del mapa del entorno o tal vez el problema en sí sea el mapeo de tonos, por lo que, si después de probar lo que mostré antes no funciona, es posible que encuentre su respuesta en esta publicación de alguien que tenga un problema similar: tres-js-textura -tono-problema .