使用 JSONLoader 在 threejs 上导入 3d 对象答案

【问题标题】：Import a 3d object on threejs with JSONLoader使用 JSONLoader 在 threejs 上导入 3d 对象
【发布时间】：2018-08-10 22:21:21
【问题描述】：

我正在尝试在我的threejs 项目中使用Maya 制作的一个非常简单的3dobject，使用jsonloader，但我遇到了一些问题。对象由几种不同的材料（Lambert 和 Phong）和不同的颜色组成。要创建 .json 文件，我使用 Maya 创建一个 .obj 然后使用 Blender 制作 .json 并且一切看起来都很好但是当我尝试导入它时加载 HIS 材料我什至无法加载模型，而是如果我使用随机加载时的材料我能够正确加载模型。

    var loader = new THREE.JSONLoader();
    loader.load("http://localhost:8000/object/planev2.json", function 
            (mygeo,mymat){
            var mat =  mymat[0];
            mymesh  = new THREE.Mesh(mygeo,mat);
            mymesh.scale.set(50,50,50); 
            scene.add( mymesh );
    });

TL:TR - 是否可以直接从 .json 加载由不同材料制成的对象？

【问题讨论】：

标签： javascript json three.js blender maya

【解决方案1】：

试试下面的代码：

var material = new THREE.MeshPhongMaterial( {
                        color: 0xdddddd,
                        specular: 0x222222,
                        shininess: 35,
                        map: THREE.ImageUtils.loadTexture( "tex/map1.jpg" ),
                        specularMap: THREE.ImageUtils.loadTexture( "tex/map2.jpg" ),
                        normalMap: THREE.ImageUtils.loadTexture( "tex/map3.jpg" ),
                        normalScale: new THREE.Vector2( 1, 1 ),
                        morphTargets: true
                    } );

                    loader = new THREE.JSONLoader( );

                    loader.load( "mesh.json", function( geometry ) {

                        mesh = new THREE.Mesh( geometry, material );
                        mesh.name = "male";

                        scene.add(mesh);

                    });

                    loader.onLoadComplete = function () {

                        console.log("Loading is complete!");

                    }

【讨论】：