javascript - 将 .json 模型导入 Three.js

Question

我是 Three.js 的新手，不太了解模型加载。

我有一个函数可以创建一个 block ，另一个函数可以对其进行纹理处理。

function initThreeAgent()
{
 var shape    = new THREE.BoxGeometry( squaresize, squaresize, squaresize );             
 theagent = new THREE.Mesh( shape );
 theagent.material.color.setHex( BLANKCOLOR );  
 drawAgent();         
}

但是假设我不希望这是一个盒子，我希望它是一个 .json 模型。我知道我必须使用这样的东西，但我无法将它们全部放在一起。

var loader = new THREE.JSONLoader();
    loader.load( '/uploads/SeanHutchinson/Sporty_Man.json', function ( geometry ) {
    var mesh = new THREE.Mesh( geometry, new THREE.MeshBasicMaterial() );

如何更改 initThreeAgent 函数以使用上述模型？谢谢!

Answer 1

如果您已经了解了上面的代码，您可能已经尝试过此操作，但这里包含一些小的更正:

function initThreeAgent() {
    var loader = new THREE.JSONLoader();

    function loaded(geometry) {
        theagent = new THREE.Mesh(geometry, new THREE.MeshBasicMaterial());
        theagent.material.color.setHex(BLANKCOLOR);
        drawAgent();
    }

    loader.load('/uploads/SeanHutchinson/Sporty_Man.json', loaded);         
}

这里有一些警告，我假设您在其他地方这样做:

1. theAgent 需要添加到场景
2. 您的回调格式错误，因此我将其分解为 loaded 函数。如果您愿意，您可以将其移回到加载调用中。
3. 对 drawAgent 的调用需要在回调中进行，因为 load 方法是异步的，加载大型模型可能需要一些时间。