Wie kann ich eine Textur zu einem JSON-Modell von Blender zu Three.js exportieren?

Question

In diesem Fall erstelle ich zwei Kugeln in der Szene. Eines ist eine SphereGeometry von Three.js (das linke), das andere ist ein Json-Modell von Blender (das richtige). Beide benutzen das gleiche Material und es funktioniert. Wie folgt:

var material = new THREE.MeshPhongMaterial({ 
    color: 0xffffff 
}); 

var material = new THREE.MeshPhongMaterial({ 
    color: 0xffffff, 
    wireframe: true 
}); 

Ich versuche, eine Textur beide hinzuzufügen.

Der Mapping-Effekt funktioniert jedoch nicht auf der Oberfläche des JSON-Modells (der rechten).

var material = new THREE.MeshPhongMaterial({ 
    map: texture, 
}); 

Wie kann ich dieses Problem lösen?

Hier sind meine Demo und source code.

Answer 1

Überprüfen Sie die UVs Option im Blender Three.js Exporteur:

Answer 2

bekam ich die Antwort. Ich muss zuerst eine UV-Kugel in Blender auspacken.

Genau wie dieses Video.

How To Unwrap A UV Sphere In Blender

Nach diesem Schritt weist die json Datei alle Informationen des UVs Array und Kartierungs Effekt funktioniert.