无法将 ThreeJS 网格添加到范围之外的场景 - THREE。Object3D.add：对象不是实例

Question

我刚刚开始使用带有STLLoader，OrbitalControls和TransformControls模块的ThreeJS。

当我在 STLLoader 函数的范围内将网格添加到我的场景中时，它会按预期工作。但是，当尝试将其添加到范围之外时，它会抛出错误THREE。Object3D.add：对象不是实例。

mesh 变量是全局声明的，因此我不能在加载器范围之外使用它没有意义。不知道我做错了什么，但希望得到任何帮助！

var renderer, scene, camera, mesh, orbit, control;
// mesh
var loader = new THREE.STLLoader();
loader.load( 'benchy.stl', function ( geometry ) {
var material = new THREE.MeshPhongMaterial( { color: 0x4eacc2, specular: 0x111111, shininess: 200 } );
mesh = new THREE.Mesh( geometry, material );
mesh.position.set( 0, 0, 0);
mesh.rotation.set( - Math.PI / 2, 0, 0 );
mesh.scale.set( 2, 2, 2 );
//scene.add( mesh );
});
//controls
orbit = new THREE.OrbitControls( camera, renderer.domElement );
orbit.update();
orbit.addEventListener( 'change', render );
control = new THREE.TransformControls( camera, renderer.domElement );
control.addEventListener( 'change', render );
control.addEventListener( 'dragging-changed', function ( event ) {
orbit.enabled = ! event.value;
} );
scene.add( mesh );
control.attach( mesh );
scene.add( control );

Answer 1

STLLoader.load()异步工作。即使全局声明变量mesh，在代码中执行scene.add( mesh );时，它仍然undefined。因此，在onLoad()回调中向场景图添加mesh是最可靠(也是最简单的(解决方案。

three.js R108