三.js JSONLoader 回调

Posted 2023-02-27

【中文标题】三.js JSONLoader 回调

【英文标题】：THREE.js JSONLoader callback

【发布时间】：2012-08-13 09:31:41

【问题描述】：

在 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 );
  

如何确定回调时返回了哪个网格，尤其是当它们经常乱序到达时？

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

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

感谢任何帮助/想法！谢谢！

【参考方案1】：

这样的事情怎么样？

loader.load( "mesh1.js", function( geometry )  createScene( geometry, 1 )  ); 
loader.load( "mesh2.js", function( geometry )  createScene( geometry, 2 )  ); 

那么，

function createScene( geometry, id ) 
 ...

如果您愿意，id 可以是网格名称。

【讨论】：

啊，我一直在走这条路..确保它适用于常数，如“1”或“2”，但问题似乎是当“1”和“2”是替换为变量，比如“x”，该变量仅在回调返回之后才被评估。我似乎无法找到一种方法将变量传递给 createScene，其值在调用 loader.load 之前确定......有意义吗？范围问题？时间问题？

这是对您问题的回答。你现在问的是一个不同的问题。也许您可以发布一个新问题。

【参考方案2】：

还有一种比 WestLangley 建议的更通用的方法。

loader.load( "mesh1.js", meshloader("mesh1.js")); 
loader.load( "mesh2.js", meshloader("mesh2.js"));

然后

function meshloader(fileName)
    return function(geometry)
        ...
    

这样，您可以在每个加载的文件上添加一个标识符。

【讨论】：

太棒了...我能够让它工作。我从来没有想过在一个函数中返回一个函数。我真的很好奇这里到底发生了什么......您能否解释一下它是如何/为什么起作用的，或者指出一些文档的方向？

@Dev 这就是所谓的closure。当meshloader("mesh1.js") 作为参数传递时，它会被直接执行（由于括号的存在）。执行时，它返回另一个函数。因此，就像您将匿名函数 function(geometry)... 作为参数传递一样，只是这个匿名函数将在定义变量 fileName 并具有值 "mesh1.js" 的上下文中作为回调执行。