javascript - three.js 控制台错误 "scene.getObjectByName(...) is undefined"但一切似乎都很好？

Question

我收到控制台错误:

TypeError: scene.getObjectByName(...) is undefined 

在这两行上:

scene.getObjectByName('teapot').rotation.x += 0.005;
scene.getObjectByName('teapot').rotation.y += 0.005;

我加载对象的相关代码如下所示:

var loader = new THREE.OBJLoader();
loader.load('obj/teapot.obj', function(object) {

  object.traverse(function(child) {
    if (child instanceof THREE.Mesh) {
      child.material = phongMaterial;
    }
  });

  object.scale.x = 2;
  object.scale.y = 2;
  object.scale.z = 2;
  object.name = 'teapot';

  scene.add( object );
 });

场景本身只是一个旋转的简单茶壶，在我看来一切都在渲染和表现。

我只是想知道为什么会出错？

Answer 1

var loader = new THREE.OBJLoader();
loader.load('obj/teapot.obj', function(object) {

  object.traverse(function(child) {
    if (child instanceof THREE.Mesh) {
      child.material = phongMaterial;
    }
  });

  object.scale.x = 2;
  object.scale.y = 2;
  object.scale.z = 2;
  object.name = 'teapot';

  scene.add(object);
  scene.getObjectByName('teapot').rotation.x += 0.005;
  scene.getObjectByName('teapot').rotation.y += 0.005;
});

您正在获取 scene.getObjectByName('teapot') == undefined 因为您在将茶壶对象添加到场景之前调用它。在加载回调中调用它，这样您将获得茶壶对象，然后向其添加旋转。