如何正确加载three.js中的json模型？

I'm having a hard time loading JSON models in three.js. I'v made a very simple tube-like model and textured it in blender. The issue is that whenever i try to load the json model in three.js, the vertexes looks weird.

我很难在three.js中加载JSON模型。我做了一个非常简单的管状模型,并在搅拌机中进行了纹理处理。问题是每当我尝试在three.js中加载json模型时,顶点看起来都很奇怪。

I'v tried exporting model with different settings but got always the same problem, so i think the problem is within my code.

我尝试使用不同的设置导出模型,但总是遇到同样的问题,所以我认为问题出在我的代码中。

EDIT: Negative. I loaded buffalo model and it looked like it should. Any idea what i'm doing wrong inside blender?

编辑:否定。我加载了水牛模型,看起来应该是这样。知道我在搅拌机里做错了什么吗?

<html>
<head>
    <style>
        canvas {
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    <script src="threejs/three.min.js"></script>
    <script>
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000);

        var renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);

        var loader = new THREE.JSONLoader();
        loader.load( "models/test.js", modelToScene );


        var ambientLight = new THREE.AmbientLight(0x111111);
        scene.add(ambientLight);

        var light = new THREE.PointLight( 0xFFFFDD );
        light.position.set( -15, 10, 15 );
        scene.add( light );

        function modelToScene( geometry, materials ) {
            var material = new THREE.MeshFaceMaterial( materials );
            obj = new THREE.Mesh( geometry, material );
            obj.scale.set(1,1,1);
            scene.add( obj );

        }

        camera.position.z = 5;
        camera.position.y = 1;

        var render = function () {
            requestAnimationFrame(render);

            obj.rotation.y += 0.01;
            obj.rotation.x += 0.02;

            renderer.render(scene, camera);
        };

        render();
    </script>
</body>

any help will be appreciated.

任何帮助将不胜感激。

Thanks, Jukka Korhonen

谢谢,Jukka Korhonen

1 个解决方案

#1

I have made some brutal mistakes exporting JSON models. For all those who'r having issues with exporting from Blender. I suggest you to check out your exporting settings.

我在导出JSON模型时犯了一些残酷的错误。对于那些从Blender出口有问题的人。我建议你查看你的导出设置。

for me, it worked with following setup;

对我来说,它适用于以下设置;

geometry: Vertices: check, Faces: check, normals: check, skinning: check

几何:顶点:检查,面部:检查,法线:检查,蒙皮:检查

Materials: check all

材料:全部检查

Settings: Flip YZ: check

设置:翻转YZ:检查

Animation: Morph animation

动画:变形动画

and all mehses: check

和所有的mehses:检查

#1