如何将3D model加载到三个JS（JSON格式）

Question

I need to import a JSON file which contains information about a 3D model for Three JS. I have the boiler code for Three JS, I also have a loader function:

const loader = new THREE.ObjectLoader();

loader.load(
    // resource URL
    "modell.json",

    // onLoad callback
    // Here the loaded data is assumed to be an object
    function ( obj ) {
        // Add the loaded object to the scene
        scene.add( obj );
        console.log(scene)
    },

    // onProgress callback
    function ( xhr ) {
        console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
    },

    // onError callback
    function ( err ) {
        console.error( 'An error happened' );
    }
);

While running this code I don't get any errors or warnings, but the model doesn't show.

The content of the JSON File if required:

{
    "metadata": {
        "version": 4.4,
        "generator": "io_three",
        "type": "Object"
    },
    "animations": [{
        "fps": 29,
        "tracks": [],
        "name": "default"
    }],
    "images": [],
    "textures": [],
    "geometries": [{
        "uuid": "EC53DCE4-C690-3888-9701-2800E0AFBE11",
        "data": {
            "skinWeights": [],
            "influencesPerVertex": 2,
            "normals": [],
            "vertices": [],
            "skinIndices": [],
            "faces": [],
            "metadata": {
                "version": 3,
                "generator": "io_three",
                "bones": 0,
                "uvs": 0,
                "normals": 0,
                "morphTargets": 0,
                "materials": 0,
                "vertices": 0
            },
            "animations": [],
            "morphTargets": [],
            "name": "defaultGeometry",
            "bones": [],
            "uvs": []
        },
        "materials": [],
        "type": "Geometry"
    }],
    "materials": [{
        "uuid": "7F7EA3D4-7ACA-326E-BEE4-3EA415B8E912",
        "blending": "NormalBlending",
        "type": "MeshPhongMaterial",
        "shininess": 50,
        "emissive": 0,
        "specular": 131586,
        "color": 8355711,
        "ambient": 8355711,
        "depthTest": true,
        "depthWrite": true,
        "vertexColors": false,
        "name": "armadillo_default"
    }],
    "object": {
        "uuid": "A4515F76-5125-492C-9CF8-7B3B0E15D8BE",
        "children": [{
            "name": "armadillo2",
            "uuid": "8AD86B53-F2E6-3978-A91C-657CCBEC6D8E",
            "matrix": [-1,0,0,0,0,0,1,0,0,1,0,0,0,0,0,1],
            "visible": true,
            "type": "Object",
            "children": [{
                "name": "default",
                "uuid": "E918B3CA-7846-3104-8C4D-FEB016A9E618",
                "matrix": [0.972172,0,0,0,0,-0,-0.972172,0,0,0.972172,-0,0,-0.015785,0.021605,0,1],
                "visible": false,
                "type": "Mesh",
                "material": "7F7EA3D4-7ACA-326E-BEE4-3EA415B8E912",
                "castShadow": true,
                "receiveShadow": true,
                "geometry": "EC53DCE4-C690-3888-9701-2800E0AFBE11"
            }]
        }],
        "matrix": [1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1],
        "type": "Scene"
    }
}

What can I do to make my model show on the page.

Answer 1

I'm afraid your JSON file uses an outdated JSON format which can't be loaded anymore. You have to go back to r98 to load the JSON and then export it again with Scene.toJSON() . The resulting JSON is in the Object/Scene format 4 which can be loaded with the latest ObjectLoader again.