Exportiertes Blender-Objekt Fehlendes Gesicht In THREE.JS

Question

Ich habe eine .STL-Datei, die ich in Blender importiert habe. Dann exportierte ich es nach .json, um es in THREE.JS zu laden.

So sieht das Modell in Blender aus.

Und hier ist, was das Modell wie in meinem Web-app aussieht, nachdem es durch Three.js Laden.

Und hier ist der Code die exportierte JSON zu laden.

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); 
    } 

Sie werden sehen, dass der Boden verschwunden ist und an der Stelle Linien laufen. Ich habe versucht, das Modell in Blender vor dem Export zu triangulieren, aber es hat nichts repariert.

Gibt es irgendeine Art von Einstellung oder Modifikator, die ich nicht eingestellt habe?

Answer 1

Ihre Normalen sind ein Durcheinander. In Bearbeitungsmodus in Blender drücken Sie Ctrl + N, um Ihre Normalen vor dem Export neu zu berechnen.