エクスポートされたブレンダーオブジェクトTHREE.JSの顔がありません

Question

私はBlenderにインポートした.STLファイルを持っています。それから、私はそれを.jsonにエクスポートしてTHREE.JSにロードしました。

モデルはBlender内でどのように見えますか？

そして、ここでは、モデルがTHREE.jsを通してそれをロードした後、私のWebアプリケーション内部のようになります。

そして、ここでエクスポート.JSONをロードするためのコードです。

var loader = new THREE.JSONLoader(); 
    loader.load('model/floor.json', function(geometry, materials) { 
    var materialsArr = materials; 
    scope.mesh = new THREE.Mesh(geometry, materialsArr); 
    console.log(scope.mesh.material); 
    scope.mesh.material.color.setHex(0x8a8d8f); 
    scope.mesh.translation = geometry.center(); 
    scope.mesh.castShadow = true; 
    scope.mesh.receiveShadow = true; 
    scene.add(scope.mesh); 
    } 

フロアがなくなっていて、そこにラインが走っていることがわかります。私は、エクスポートする前にBlenderでモデルを三角測量してみましたが、何も修正しませんでした。

設定していない設定や修飾がありますか？

Answer 1

あなたの法線は混乱しています。 Blenderの編集モードで、Ctrl + Nを押して、エクスポートする前に法線を再計算してください。