Three.js JSONLoader搅拌器模型错误:属性'长度'未定义

Question

我最近一直在尝试Three.js,我使用Blender的导出器插件测试在混合器和导出中制作模型,所以我可以在three.js程序中使用它们.

我将附加组件包含在搅拌机中,并使用搅拌机的基本立方体模型,将其导出到.json,如出口商所说.然后我使用这个作为向导将模型导入我的three.js 但是这给了我一个错误:

Uncaught TypeError: Cannot read property 'length' of undefined.

我已经在线搜索并尝试了一些不同的方法(比如在加载器的函数调用中包含一个材料),但似乎没有任何工作.

我还检查了stackoverflow的答案,但到目前为止似乎没有解决.如果有人会澄清我做错了什么,我将非常感激.

我的three.js程序的代码:

var WIDTH = 1000,
        HEIGHT = 1000;


var VIEW_ANGLE = 45,
        ASPECT = WIDTH / HEIGHT,
        NEAR = 0.1,
        FAR = 10000;


var radius = 50,
        segments = 16,
        rings = 16;

var sphereMaterial =
        new THREE.MeshLambertMaterial(
                {
                    color: 0xCCCCCC
                });


var sphere = new THREE.Mesh(
        new THREE.SphereGeometry(
                radius,
                segments,
                rings),
        sphereMaterial);



var pointLight =
        new THREE.PointLight(0x660000);


var $container = $('#container');


var renderer = new THREE.WebGLRenderer();
var camera =
        new THREE.PerspectiveCamera(
                VIEW_ANGLE,
                ASPECT,
                NEAR,
                FAR);

var scene = new THREE.Scene();

var loader = new THREE.JSONLoader(); // init the loader util


scene.add(camera);


pointLight.position.x = 10;
pointLight.position.y = 50;
pointLight.position.z = 130;


scene.add(pointLight);

camera.position.z = 300;


renderer.setSize(WIDTH, HEIGHT);

$container.append(renderer.domElement);
window.requestAnimFrame = (function () {
    return  window.requestAnimationFrame ||
            window.webkitRequestAnimationFrame ||
            window.mozRequestAnimationFrame ||
            function (callback) {
                window.setTimeout(callback, 1000 / 60);
            };
})();


loader.load('test.json', function (geometry, materials) {
    var material = new THREE.MeshFaceMaterial(materials);
    var object = new THREE.Mesh(geometry, material);
    scene.add(object);

});


(function animloop() {
    requestAnimFrame(animloop);

    renderer.render(scene, camera);
})();

Answer 1

导出时,将类型从缓冲区更改为Geometry(Blender 2.76)

Answer 2

根据我迄今为止与出口商打交道的经验，您必须非常小心勾选哪些框！

此长度错误通常是因为您没有导出顶点，或者导出场景而不是对象。