1

Usé el ejemplo que viene en esta página.

Al cargar mi modelo se ve transparente en ciertas partes; el problema de esa transparencia es que como tiene una animación donde se abre la tapa de la computadora, parece que no tiene tapa y se ve mal.

Recalco que en el ejemplo de three js el modelo no se ve así como el mío. Usé MAYA, y usé un exportador de GLTF desde maya (instalé un script)

Exportador de gltf script

TAPA CERRADA DE LA LAPTOP

Ejemplo de three js

La pregunta en concreto es: ¿el error de visualización se debe a que debo configurar algo en el código?

//GLTF

        new RGBELoader()
          .setPath( 'assets/' )
          .load( 'royal_esplanade_1k.hdr', function ( texture ) {

            texture.mapping = THREE.EquirectangularReflectionMapping;

            scene.background = texture;
            scene.environment = texture;

            //render();

            // model

            const loader = new GLTFLoader().setPath('assets/GLTF/');
         
            loader.load('computadoratablero2.gltf', function ( gltf2 ) {
               
             
               mixer = new THREE.AnimationMixer( gltf2.scene );
        
        gltf2.animations.forEach( ( clip ) => {
           
            mixer.clipAction( clip ).play();
          
        } );
        console.log(gltf2);
        //  gltf2.material.depthWrite = false;
            objetoGlobal = gltf2.scene;
          scene.add( objetoGlobal );
              //scene.add( gltf2.scene );

            //render();

            } );

          } );
        //FIN DEL GLTF
1
  • Por favor, aclara tu problema específico o proporciona detalles adicionales para resaltar exactamente lo que necesitas. Tal como está escrito, es difícil saber exactamente qué estás preguntando.
    – Comunidad Bot
    Commented el 2 mar. 2023 a las 18:13

1 respuesta 1

1

La respuesta era modificar el parametro de depthWrite despues de que carga el modelo

//GLTF

    new RGBELoader()
      .setPath( 'assets/' )
      .load( 'royal_esplanade_1k.hdr', function ( texture ) {

        texture.mapping = THREE.EquirectangularReflectionMapping;

        scene.background = texture;
        scene.environment = texture;

        //render();

        // model

        const loader = new GLTFLoader().setPath('assets/GLTF/');
     
        loader.load('computadoratablero2.gltf', function ( gltf2 ) {
           
         
           mixer = new THREE.AnimationMixer( gltf2.scene );
    
    gltf2.animations.forEach( ( clip ) => {
       
        mixer.clipAction( clip ).play();
      
    } );
    console.log(gltf2);
    //  gltf2.material.depthWrite = false;

    gltf2.scene.traverse( function( object ) {

    if ( object.isMesh ) object.material.depthWrite = true;

    } );
        objetoGlobal = gltf2.scene;
      scene.add( objetoGlobal );
          //scene.add( gltf2.scene );

        //render();

        } );

      } );
    //FIN DEL GLTF


    RESULTADO

introducir la descripción de la imagen aquí

1
  • ¡No olvides aceptar tu respuesta!
    – padaleiana
    Commented el 6 mar. 2023 a las 14:24

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.