0
149
VistasDiferencia de color en React-tres-fibra
En React tres fibras cuando se usa meshBasicMaterial y cuando se usa material meshStanderard en el componente usado para renderizar un cuadro con una textura de imagen, la textura se ve diferente a la imagen original. Intenté poner colorManagement={false}> en el componente de lienzo, pero nada cambió. Gracias por adelantado.
En fibra React Three
Imágenes originales utilizadas 
Código utilizado
function Element( props ) { const ref = useRef() props = props.props useFrame((state, delta) => (ref.current.rotation.y += 0.01)) const texture = useLoader(TextureLoader, props.texture) return ( <mesh ref={ref} position={props.position} rotation={[0,0,-10]} > <boxGeometry args={[1,0,1]}/> <meshBasicMaterial map={texture} texture={'sRGB'} transparent={true} /> </mesh > ) } const CameraControls = () => { const { camera, gl: { domElement }, } = useThree(); // Ref to the controls, so that we can update them on every frame using useFrame const controls = useRef(); useFrame((state) => controls.current.update()); return <orbitControls ref={controls} args={[camera, domElement]} />; }; export default function App() { return ( <> <div style={{ height: '100vh', width: '100vw', }}> <Canvas> <CameraControls /> <ambientLight color={ '#ffffff' } intensity={.5}/> <group> <Element props={{texture: 'react.png', position: [1,1,0]}}/> <Element props={{texture: 'js.png', position: [3,3,-2]}}/> </group> </Canvas> </div> </> ); }
·
Santiago Gelvez
1 Respuestas
Responde la pregunta0
como se ve en Diferencias de color entre tres js + vainilla js y reaccionar-tres-fibra + crear-reaccionar-aplicación Esto funcionó, aunque no fue la respuesta en ese hilo, funcionó mejor que lo que se eligió como respuesta. <Canvas gl={{ antialias: true, toneMapping: NoToneMapping }} linear>
·
Santiago Gelvez
Denunciar
Responde la pregunta