[three.js] problème d'affichage

Version imprimable

18/06/2013, 09h36
piero5673

[three.js] problème d'affichage

Quelques screens seront plus parlant que du texte :
http://img12.imageshack.us/img12/402/27m0.png
http://img811.imageshack.us/img811/695/vuj.png
Je ne sais pas d'où viens ce problème d'affichage (les assemblages s'affichent bien dans différents logiciels). Les pièces en question sont des blocs recouvert de texture ou de couleurs.
18/06/2013, 10h12
Ti-R

Problème de normal inversé à la face.
Il suffit d’inverser la normal sur les triangles incriminés dans ton logiciel 3D préféré, et cela se résoudra tout seul.
18/06/2013, 11h38
piero5673

waw je ne comprend rien :aie: en fait, je ne m'y connais pas beaucoup en 3D, je travaille avec un collègue qui bosse sur solidworks. Pourrais-tu m'expliquer ce que ça veux dire dans un langage un peu moins technique :roll: ?
18/06/2013, 12h08
Ti-R

Voila le lien vers la FAQ qui traite du problème ( backface culling ). C’est la technique utilisé pour le rendu de ton objet. La technique "se trompe" du fait du modèle 3D à afficher qui à des faces mal orientées.
18/06/2013, 14h12
piero5673

Mon collège a compris l'idée, mais il n'as pas le temps de le faire :cry:. Es-ce que ça peut provenir du code que j'utilise pour charger l'assemblage dans un navigateur ? Ou es-ce que je peux créer un programme (si possible en python) pour contourner le problème ?

Le code n'est pas testé mais devrait ressembler à cela:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
var loader = new THREE.OBJMTLLoader();
    loader.load('models/test.obj');
    loader.addEventListener( 'load', function ( event ) {
        objects = event.content;
 
// debut - activation du rendu des 2 côtés pour chaque "material"
objects.traverse( function( node ) {
    if( node.material ) {
        node.material.side = THREE.DoubleSide;
    }
});
// fin
        scene.add(objects);
    });

Haha, ça marche ! Merçi !!! :ccool: ça n'as pas totalement réglé le problème, mais les taches se sont réduites au point d'êtres quasiment masquées. Je post le reste du code pour charger l'objet (ça seras peut-être utile un autre jour, qui sait ?) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 var loader = new THREE.OBJMTLLoader(); loader.addEventListener( 'load', function ( event ) { var object = event.content; object.position.y = 0;//position de l'objet object.traverse( function( node ) { if( node.material ) { node.material.side = THREE.DoubleSide; } }); scene.add( object ); }); loader.load( 'CANARI.obj', 'CANARI.mtl' );//Chargement de l'assemblage et des textures