A-框架Frustum剔除

Question

如何在A-Frame中关闭gltf模型上的截顶剔除？我知道在Three.js中，您可以遍历对象并添加node.frustumCulled = false。我试过了

AFRAME.registerComponent('disable-culling', {
  init: function(){
    var object3D = this.el.sceneEl.object3D;
    object3D.traverse((node) => {
      node.frustumCulled = false
    })
  }
})

但这并不管用。有谁知道吗？实体是

<a-entity
  id="ball"
  scale="0.3 0.3 0.3"
  position="0 0 -7"
  gltf-model="#ballModel"
  disable-culling
  animation-mixer="clip: *; loop: once; clampWhenFinished: true;"
  shadow>
</a-entity>

Answer 1

我有一个类似的问题，用截截体剔除解决了-

el.addEventListener('model-loaded', () => {
  const model = el.getObject3D('mesh');
  model.traverse((node) => {
    if (node.isMesh) {
      node.frustumCulled = false;
    }
  });
});

我想知道您的解决方案是否仅仅是因为模型没有完成加载而不起作用。

Answer 2

我刚遇到一个问题，动画模型在完全退出场景之前就被剔除了。在我的例子中，原因似乎是对象尺度太小。一旦我在Blender中放大对象并重新导出gltf文件，模型就被正确剔除了。