Question

我正在尝试使用Three.js设置一个非常简单的场景，显示导入的网格旋转。我结合了Three.js文档中的几个例子，得出了以下代码：

var scene, camera, renderer;
var geometry, material, mesh;

init();
animate();

function init(){
    scene = new THREE.Scene();

    camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 1, 10000);
    camera.position.z = 1000;

    // geometry = new THREE.BoxGeometry(200, 200, 200);
    var jsonLoader = new THREE.JSONLoader();
    jsonLoader.load('handgun.js', object_to_scene(geometry, material));
}

function object_to_scene(geometry, material){
    material = new THREE.MeshBasicMaterial({
        color: 0xff0000,
        wireframe: true
    });

    mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);

    renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);

    document.body.appendChild(renderer.domElement);
}

function animate(){
    requestAnimationFrame(animate);
    mesh.rotation.x += 0.01;
    mesh.rotation.y += 0.02;

    renderer.render(scene, camera);
}

您可以看到上面注释的原始示例，我们使用Three.js生成了一个Box。这工作得很好。但是，导入自定义3D模型的JSON文件不起作用。检查我的控制台会显示以下错误：

TypeError: onLoad is not a function                three.js:18294:4
    THREE.JSONLoader.prototype.load/<()            three.js:18294
    THREE.XHRLoader.prototype.load/<()             three.js:18010

这似乎是Three.js本身的一个错误，但是我发现只有两个人在Github帐户上报告它，并且两个人都被告知Github用于报告错误，而不是寻求帮助（如果这不是一个错误，那么它是什么？）。

有没有其他人遇到过这个问题，如果你已经解决了，你是怎么做到的？

谢谢！

Answer 1

而不是

jsonLoader.load( 'handgun.js', object_to_scene( geometry, material ) );

你需要这样做：

jsonLoader.load( 'handgun.js', object_to_scene );

object_to_scene( geometry, material )是一个函数调用，在您的情况下，返回undefined。

three.js r.75

Three.js JSONLoader'onLoad不是函数'

1 个答案: