Wie man eine Json-Datei in Threejs richtig lädt

Question

Ich habe ein paar Projekte auf Blender gemacht und entschieden, eine von ihnen mit threejs anzuzeigen, aber das Objekt wird nicht angezeigt. Was wäre der richtige Weg, um eine JSON-Datei mit Keyframe-Animation zu laden?

Here is the specific JSON file that I want to load

und der Extrakt aus dem Code, den ich benutze:

var mesh; 
function initMesh() { 
var loader = new THREE.JSONLoader(); 
loader.load('./ocean.json', function(geometry, materials) { 
    mesh = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials)); 
    mesh.scale.x = 0.75; 
    mesh.scale.y = 1; 
    mesh.scale.z = 0.75; 
    scene.add(mesh); 
}, undefined, function (e) {console.log('ERROR: ',e)}); 

Answer 1

Ich würde empfehlen, mit dem Editor zu starten: https://threejs.org/editor/

Hier haben Sie GUI, wo man Import .json, .obj, etc. Es ist eine schnelle Möglichkeit zu sehen, was Sie getan haben, können Sie Lichter hinzufügen, spielen mit Materialien, fügen Sie benutzerdefinierte Skripte usw. Für e Beispiel Sie können ein Beispiel laden, Standardobjekte löschen, Ihr Modell importieren, auf Play drücken und wenn Sie möchten, was Sie sehen, klicken Sie einfach auf Veröffentlichen. Es wird das gesamte Projekt heruntergeladen, das Sie auf Ihren Server hochladen können und das die Grundlage für zukünftige Arbeit sein kann.

Für einen schnellen Start ist es perfekt, weil es funktioniert und motiviert Sie weiter zu untersuchen und zu lernen.

Ich weiß, dass dies keine direkte Antwort auf die Frage ist, aber ich war dort und es ist frustrierend zu sehen, dass all diese Lader nicht funktionieren, weil Sie nicht die richtigen Kontrollkästchen beim Exportieren von Blender oder aus irgendeinem Grund ausgewählt haben (es könnte eine Menge von ihnen geben).

Versuchen Sie Editor zuerst, herauszufinden, wie es funktioniert und weitermachen. Nur ein Ratschlag