THREE.js JSONLoader回调

Dev*_*Dev 5 geometry json callback loader three.js

在THREE.js中,如果我有多次调用JSONLoader来加载这样的多个对象(简化示例):

function init() {    
  var loader = new THREE.JSONLoader();    
  loader.load("mesh1.js", createScene);    
  loader.load("mesh2.js", createScene);
}    

function createScene( geometry ) {    
  if (geometry.filename == "mesh1.js") {    
    mesh1 = new THREE.Mesh( geometry, material );
    scene.add( mesh1 );    
  } else if (geometry.filename == "mesh2.js") {    
    mesh2 = new THREE.Mesh( geometry, material );
    scene.add( mesh2 );
  }
}
Run Code Online (Sandbox Code Playgroud)

如何确定回调时返回的网格,特别是当它们经常无序到达时?

我正在尝试使用单个通用回调函数处理多个返回的网格.返回的几何中是否有一些属性指示我可以测试的原始文件名?

或者也许有一种更优雅的方式?也许为每个调用创建一个新的THREE.JSONLoader对象将有助于回调函数确定哪个网格已到达?

我感谢任何帮助/想法!谢谢!

Ger*_*ro3 7

那么WestLangley提出的方法更为通用.

loader.load( "mesh1.js", meshloader("mesh1.js")); 
loader.load( "mesh2.js", meshloader("mesh2.js"));
Run Code Online (Sandbox Code Playgroud)

然后

function meshloader(fileName){
    return function(geometry){
        ...
    }
}
Run Code Online (Sandbox Code Playgroud)

这样,您可以在每个加载的文件上添加标识符.

  • @Dev这就是所谓的[闭包](https://developer.mozilla.org/en-US/docs/JavaScript/Guide/Closures).当`meshloader("mesh1.js")`作为参数传递时,它被直接执行(由于括号的存在).执行时,它返回另一个函数.所以它就像你传递匿名函数`function(geometry){...}`作为参数一样,除了这个匿名函数将在一个定义变量`fileName`的上下文中作为回调执行,并具有值`"mesh1.js"`. (4认同)