Part of 3D model hides in 8thWall

🧑‍💻 Technical Support
,
1

When I test my 3d model in https://gltf-viewer.donmccurdy.com/ I find no issues but within 8thwall (aframe) the part of the 3d model seems to hide or disappear abruptly. Can anyone tell me the cause of it?

2

Link to recorded video
8thWall
GLTF Viewer

3

To fix this please add this code to your app.js

AFRAME.registerComponent('no-cull', {
  init() {
    this.el.addEventListener('model-loaded', () => {
      this.el.object3D.traverse(obj => obj.frustumCulled = false)
    })
  },
})

then add it to the entity that is clipping

1 Like
4

you can reference it in the sample project here:

The camera in your case is culling your 3D model.

5

Hiya Vaibhav,

The model is getting culled out of the view - it’s a common issue with models animated using skinning ( the bounding box that gets used for culling the model doesn’t always match up with the visual version )

Paste this code into no-cull.js

const noCullComponent = {
  init() {
    this.el.addEventListener('model-loaded', () => {
      this.el.object3D.traverse(
        (obj) => {
          if(obj.isSkinnedMesh)
          {
            obj.frustumCulled = false
          }
        }
      )
    })
  },
}

export {noCullComponent}

In app.js, add these lines to register the component…

import {noCullComponent} from './no-cull'
AFRAME.registerComponent('no-cull', noCullComponent)

Then, add no-cull to the <a-entity that references the skinned character, and it won’t be culled by the camera / disappear.

eg

<a-entity
      id="main-character"
      gltf-model="#main-character-src"
      no-cull
      >
    </a-entity>
2 Likes
6

@Ian it looks like we were both answering that at the same time, you beat me by a minute :slight_smile:

2 Likes
7

Apologies for the late reply. Thanks, @Ian & @Mal_Duffin for the help your solutions worked perfectly.

1 Like